From af77551fe00be38d5a1fd3549bb95eac4e5ae0f1 Mon Sep 17 00:00:00 2001
From: Jeffrey Biles <bilesjeffrey@gmail.comgit config -l>
Date: Mon, 23 Mar 2020 17:26:32 -0700
Subject: [PATCH] Better checkboxes, global button css

---
 src/App.vue                  | 24 ++++++++++++++++++++++++
 src/components/MailTable.vue |  4 ++--
 src/components/MailView.vue  |  7 -------
 3 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index b294bbb..8fee881 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -53,4 +53,28 @@ export default {
   color: #2c3e50;
   margin-top: 60px;
 }
+
+button {
+  font-size: 16px;
+  padding: 8px;
+  border-radius: 3px;
+  margin: 5px 10px 5px 0px;
+}
+
+input[type='checkbox'] {
+  -webkit-appearance:none;
+  cursor: pointer;
+  width:24px;
+  height:24px;
+  background:white;
+  border-radius: 2px;
+  border: 1px solid #555;
+  position: relative;
+  vertical-align: middle;
+  padding: 10px;
+}
+
+input[type='checkbox']:checked {
+  background: #679;
+}
 </style>
diff --git a/src/components/MailTable.vue b/src/components/MailTable.vue
index 99e5114..6d949df 100644
--- a/src/components/MailTable.vue
+++ b/src/components/MailTable.vue
@@ -8,8 +8,8 @@
           class="clickable">
         <td>
           <input type="checkbox" 
-                  :checked="emailSelection.emails.has(email)"
-                  @click="emailSelection.toggle(email)" />
+                 :checked="emailSelection.emails.has(email)"
+                 @click="emailSelection.toggle(email)">
         </td>
         <td>{{email.from}}</td>
         <td>
diff --git a/src/components/MailView.vue b/src/components/MailView.vue
index a7663db..e7d5a4c 100644
--- a/src/components/MailView.vue
+++ b/src/components/MailView.vue
@@ -55,11 +55,4 @@
 .email {
   text-align: left;
 }
-
-button {
-  font-size: 16px;
-  padding: 8px;
-  border-radius: 3px;
-  margin: 5px 10px 5px 0px;
-}
 </style>
\ No newline at end of file