Move email list text to the left, fill the viewport, add border.

Much prettier.

src/AppLayout.tsx

@@ -19,7 +19,7 @@ type TopProps = {
 
 const AppLayout: React.FC<TopProps> = (props) => {
 	return (
-		<Container>
+		<Container fluid>
 			<Row>
 				<Col>
 					<AccountList account={props.account} accounts={props.accounts} />

src/EmailList.tsx

@@ -34,7 +34,7 @@ class EmailList extends React.Component<EmailListProps, EmailListState> {
 			return <Stack />;
 		} else {
 			return (
-				<Stack>
+				<Stack className="text-start">
 					{this.props.mailbox.emailIds.slice(0, 5).map((e) => (
 						<EmailSummary
 							account={this.props.account}

src/EmailSummary.tsx

@@ -29,7 +29,7 @@ class EmailSummary extends React.Component<
 
 	render() {
 		return (
-			<div className="p-2" key={this.props.emailId}>
+			<div className="p-2 border" key={this.props.emailId}>
 				{this.props.email != null
 					? this.props.email.subject
 					: this.props.emailId}