make event slug bigger

src/App.vue

@@ -50,3 +50,4 @@ export default {
         background: #000;
     }
 </style>
+

src/components/Navbar.vue

@@ -1,7 +1,7 @@
 <template>
     <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
         <div class="dropdown">
-            <button class="btn text-light dropdown-toggle" type="button" id="dropdownMenuButton"
+            <button class="btn text-light dropdown-toggle btn-heading" type="button" id="dropdownMenuButton"
                     data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 {{ activeEvent }}
             </button>
@@ -60,7 +60,7 @@ export default {
     ],
     buttons: [
       { title: 'Add', icon: 'plus', color: 'success' },
-      { title: 'Refresh', icon: 'sync-alt', color: 'primary' },
+      //{ title: 'Refresh', icon: 'sync-alt', color: 'primary' },
     ]
   }),
   computed: {
@@ -72,3 +72,7 @@ export default {
   }
 };
 </script>
+
+<style lang="scss">
+    @import "../scss/navbar.scss";
+</style>

src/scss/navbar.scss

@@ -0,0 +1,10 @@
+button.btn-heading {
+  font-size: 2em;
+  padding: 0 .75rem;
+  line-height: 1em;
+}
+
+.btn-heading::after {
+  font-size: 0.5em;
+  line-height: 2em;
+}