From 04d37c4259c94171728dfb45523ca6ac8bbf3600 Mon Sep 17 00:00:00 2001
From: Jeffrey Biles <bilesjeffrey@gmail.comgit config -l>
Date: Tue, 17 Mar 2020 12:15:26 -0700
Subject: [PATCH] Better inbox styling

---
 src/components/MailTable.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/MailTable.vue b/src/components/MailTable.vue
index 82a4f29..479d84c 100644
--- a/src/components/MailTable.vue
+++ b/src/components/MailTable.vue
@@ -4,7 +4,7 @@
 
     </thead>
     <tbody>
-      <tr v-for="email in emails" :key="email.id">
+      <tr v-for="email in emails" :key="email.id" :class="[email.read ? 'read' : '']">
         <td><input type="checkbox" /></td>
         <td>{{email.subject}}</td>
         <td>{{email.body}}</td>
@@ -28,8 +28,14 @@
   table {
     max-width: 800px;
     margin: auto;
+    border-collapse: collapse;
+  }
+  tr.read {
+    background-color: #EEE;
   }
   td {
+    border-bottom: 1px solid black;
+    padding: 5px;
     text-align: left;
   }
 </style>
\ No newline at end of file