From 543e6fd5ef5775134fafa22028a02237a110b1ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torjus=20H=C3=A5kestad?= <torjus.hakestad@usit.uio.no>
Date: Sun, 11 Apr 2021 00:17:23 +0200
Subject: [PATCH] Improve some styling stuff

---
 web/frontend/src/App.vue                    | 17 +++++++++++++----
 web/frontend/src/components/AttemptList.vue |  2 +-
 web/frontend/src/components/Stats.vue       |  5 +----
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/web/frontend/src/App.vue b/web/frontend/src/App.vue
index 52f358c..6abced3 100644
--- a/web/frontend/src/App.vue
+++ b/web/frontend/src/App.vue
@@ -43,9 +43,10 @@ export default class App extends Vue {}
 </script>
 
 <style lang="scss">
-$font-stack: 'Secular One';
+$font-stack-header: 'Secular One', sans-serif;
+$font-stack-content: 'Rubik', sans-serif;
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+  font-family: $font-stack-content;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
@@ -53,9 +54,17 @@ $font-stack: 'Secular One';
   margin-top: 0;
 }
 .navbar-brand {
-  font-family: 'Secular One', sans-serif;
+  font-family: $font-stack-header;
 }
 .navbar-nav a {
-  font-family: 'Rubik';
+  font-family: $font-stack-content;
+}
+
+h1 h2 h3 {
+  font-family: $font-stack-header;
+}
+
+#main-content-container {
+  margin: 50px;
 }
 </style>
diff --git a/web/frontend/src/components/AttemptList.vue b/web/frontend/src/components/AttemptList.vue
index 6af55b7..e0084a6 100644
--- a/web/frontend/src/components/AttemptList.vue
+++ b/web/frontend/src/components/AttemptList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="attemptlist">
-    <h1>Attempt list</h1>
+    <h1>Live Attempts</h1>
     <p>
       <b-table
         responsive="md"
diff --git a/web/frontend/src/components/Stats.vue b/web/frontend/src/components/Stats.vue
index 3a180e1..750d7e8 100644
--- a/web/frontend/src/components/Stats.vue
+++ b/web/frontend/src/components/Stats.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="stats">
-    <h1>Stats!</h1>
+    <h1>Login Stats</h1>
     <b-card no-body>
       <b-tabs card>
         <b-tab title="Totals">
@@ -47,7 +47,4 @@ import StatsPie from '@/components/StatsPie.vue';
 export default class Stats extends Vue {}
 </script>
 <style lang="scss" scoped>
-.stats {
-  margin: 50px;
-}
 </style>