From 798fb614fcc4623cbe457cbdf57ae2f4baf84e22 Mon Sep 17 00:00:00 2001
From: Danil Kovtonyuk <danx.kov@gmail.com>
Date: Sun, 9 Feb 2020 01:18:00 +1000
Subject: [PATCH] add download link to navbar

-decrease title size on mobile
-increase padding between navbar items
---
 assets/styles/app.scss           | 18 ++++++++----------
 components/Navbar.vue            |  3 +++
 pages/authorize-contribution.vue |  2 +-
 pages/index.vue                  |  4 +++-
 pages/make-contribution.vue      |  2 +-
 5 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index d757bef..46eb7a7 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -17,19 +17,10 @@
   padding-left: .75rem;
   padding-right: .75rem;
 
-  @include tablet {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
-  @include desktop {
+  @include tablet-only {
     > .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 {
diff --git a/components/Navbar.vue b/components/Navbar.vue
index e416971..8912d8a 100644
--- a/components/Navbar.vue
+++ b/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>
diff --git a/pages/authorize-contribution.vue b/pages/authorize-contribution.vue
index 72befc5..a8324e2 100644
--- a/pages/authorize-contribution.vue
+++ b/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">
diff --git a/pages/index.vue b/pages/index.vue
index bb4cd74..90da205 100644
--- a/pages/index.vue
+++ b/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
diff --git a/pages/make-contribution.vue b/pages/make-contribution.vue
index 9ddb4b0..be5d08c 100644
--- a/pages/make-contribution.vue
+++ b/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">