add download link to navbar

-decrease title size on mobile
-increase padding between navbar items

assets/styles/app.scss

@@ -17,19 +17,10 @@
   padding-left: .75rem;
   padding-right: .75rem;
 
-  @include tablet {
+  @include tablet-only {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  @include desktop {
     > .container {
       .navbar-brand {
         margin-left: 0;
-
-        .navbar-item {
-          padding-left: 0;
-        }
       }
     }
   }
@@ -47,6 +38,13 @@
   .logo {
     height: 40px;
   }
+
+  .navbar-menu {
+    .navbar-item {
+      padding-left: 1.25rem;
+      padding-right: 1.25rem;
+    }
+  }
 }
 
 .title {

components/Navbar.vue

@@ -9,6 +9,9 @@
       <b-navbar-item href="#">
         Instructions
       </b-navbar-item>
+      <b-navbar-item href="#">
+        Download contributions
+      </b-navbar-item>
     </template>
   </b-navbar>
 </template>

pages/authorize-contribution.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="ceremony">
-    <h1 class="title is-size-1 is-spaced">
+    <h1 class="title is-size-1 is-size-2-mobile is-spaced">
       Hello, <span>@{{ userHandle }}</span>
     </h1>
     <h2 class="subtitle">

pages/index.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="ceremony">
-    <h1 class="title is-size-1 is-spaced">Tornado.cash <span>Trusted Setup Ceremony</span></h1>
+    <h1 class="title is-size-1 is-size-2-mobile is-spaced">
+      Tornado.cash <span>Trusted Setup Ceremony</span>
+    </h1>
     <p class="p is-size-6">
       zk-SNARKs require a pre-existing setup between the prover and verifier. A set of public
       parameters define the “rules of the game” for the construction of zk-SNARKs. Please contribute

pages/make-contribution.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="ceremony">
-    <h1 class="title is-size-1 is-spaced">
+    <h1 class="title is-size-1 is-size-2-mobile is-spaced">
       Hello, <span>@{{ userHandle }}</span>
     </h1>
     <h2 class="subtitle">