Move navigation buttons to top

Author: weavejester

site/index.html

@@ -26,6 +26,11 @@ <h1 class="title">
         </div>
       </div>
     </section>
+    <div class="nav-buttons">
+      <div class="container has-text-centered">
+        <a class="button is-primary is-rounded is-size-6" href="#">Read the docs</a>
+      </div>
+    </div>
     <section class="section">
       <div class="container is-max-tablet">
         <p class="is-size-4">
@@ -60,10 +65,6 @@ <h1 class="title">
   (fn handler [_request]
     {:body {:results (jdbc/execute! db ["SELECT * FROM items"])}}))</code></pre>
       </div>
-
-      <div class="container has-text-centered">
-        <a class="button is-primary is-rounded is-size-5" href="#">Read the docs</a>
-      </div>
     </section>
   </body>
 </html>

site/style.css

@@ -20,6 +20,14 @@
   background: #292929;
 }
 
+.nav-buttons {
+  margin-top: -22px;
+}
+
+.is-size-4 {
+  font-size: 1.55rem !important;
+}
+
 .is-size-5 {
   font-size: 1.35rem !important;
 }