From e68a21dcc440c12b42ee0bbfd62251536c6c5bad Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@theribbles.org>
Date: Wed, 28 Aug 2024 09:38:50 -0700
Subject: [PATCH] Move email list text to the left, fill the viewport, add
 border.

Much prettier.
---
 src/AppLayout.tsx    | 2 +-
 src/EmailList.tsx    | 2 +-
 src/EmailSummary.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/AppLayout.tsx b/src/AppLayout.tsx
index 3ec1e2d..d6d6b41 100644
--- a/src/AppLayout.tsx
+++ b/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} />
diff --git a/src/EmailList.tsx b/src/EmailList.tsx
index 4f5a20e..7ff49b4 100644
--- a/src/EmailList.tsx
+++ b/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}
diff --git a/src/EmailSummary.tsx b/src/EmailSummary.tsx
index afffa7a..afc7c97 100644
--- a/src/EmailSummary.tsx
+++ b/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}