From 3d6a48a2d641096ac4207e8ac0e1991c72505c7f Mon Sep 17 00:00:00 2001
From: Jeffrey Biles <bilesjeffrey@gmail.comgit config -l>
Date: Wed, 6 May 2020 11:52:53 -0700
Subject: [PATCH] Button for selected screen looks 'selected', not 'disabled'

---
 src/App.vue                   | 7 +++++++
 src/components/MailScreen.vue | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 923df59..68681d8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -46,6 +46,13 @@ button:disabled {
   cursor: auto;
 }
 
+button.selected {
+  cursor: auto;
+  color: black;
+  border-color: black;
+  border-width: 2px;
+}
+
 .clickable {
   cursor: pointer;
 }
diff --git a/src/components/MailScreen.vue b/src/components/MailScreen.vue
index 430bbb3..a13d3f4 100644
--- a/src/components/MailScreen.vue
+++ b/src/components/MailScreen.vue
@@ -1,10 +1,10 @@
 <template>
   <button @click="selectScreen('inbox');"
-          :disabled="selectedScreen == 'inbox'">
+          :class="[selectedScreen == 'inbox' ? 'selected' : '']">
     Inbox View
   </button>
   <button @click="selectScreen('archive')" 
-          :disabled="selectedScreen == 'archive'">
+          :class="[selectedScreen == 'archive' ? 'selected' : '']">
     Archived View
   </button>