From c790365a985b2a537ae9ce9904fdb8fdd82a8c9c Mon Sep 17 00:00:00 2001
From: Chris Sexton <chrissexton@users.noreply.github.com>
Date: Sun, 27 Oct 2019 22:28:49 -0400
Subject: [PATCH] make it pretty

---
 frontend/src/App.vue                     | 16 +++++++++++++---
 frontend/src/components/ChoiceButton.vue |  4 ++--
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 9e693ea..aa48c34 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,8 +1,12 @@
 <template>
     <div id="app">
+        <b-navbar type="dark" variant="info">
+            <b-navbar-brand>Happy</b-navbar-brand>
+        </b-navbar>
         <div v-show="err">{{err}}</div>
         <user-info class="fixed-bottom userInfo"/>
-        <Chooser/>
+        <h1 class="question">How are you?</h1>
+        <Chooser class="chooser"/>
     </div>
 </template>
 
@@ -29,11 +33,17 @@
         font-family: 'Avenir', Helvetica, Arial, sans-serif;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-        text-align: center;
         color: #2c3e50;
-        margin-top: 60px;
+    }
+    .chooser {
+        text-align: center;
     }
     .userInfo {
+        text-align: center;
         margin-bottom: 1em;
     }
+    .question {
+        text-align: center;
+        padding-top: 1em;
+    }
 </style>
diff --git a/frontend/src/components/ChoiceButton.vue b/frontend/src/components/ChoiceButton.vue
index e7be908..b48fc88 100644
--- a/frontend/src/components/ChoiceButton.vue
+++ b/frontend/src/components/ChoiceButton.vue
@@ -1,5 +1,5 @@
 <template>
-    <b-button v-on:click="click" variant="outline-primary" class="moodButton">{{mood.Key}}</b-button>
+    <b-button v-on:click="click" variant="outline-info" class="moodButton">{{mood.Key}}</b-button>
 </template>
 
 <script>
@@ -18,7 +18,7 @@
 
 <style scoped>
 .moodButton {
-    font-size: 24pt;
+    font-size: 48pt;
     margin: 1em;
 }
 </style>
\ No newline at end of file