From 955dcfa34656dbf870855a177ecf0b6103a9818c Mon Sep 17 00:00:00 2001
From: Martin Boehm <martin.boehm@1mbsoftware.net>
Date: Thu, 13 Sep 2018 22:59:24 +0200
Subject: [PATCH] Tune explorer navbar

---
 static/css/main.css        | 12 +++++++++---
 static/templates/base.html | 16 ++++++++++++----
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 53928a27..7177a4f9 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -32,7 +32,6 @@ h3 {
 }
 
 .navbar-form {
-    padding-left: 15px;
     padding-bottom: 1px;
 }
 
@@ -65,7 +64,7 @@ h3 {
         height: 24px;
     }
     .navbar-form .form-control {
-        width: 350px;
+        width: 230px;
     }
 }
 
@@ -106,7 +105,6 @@ h3 {
     color: rgba(255, 255, 255);
     font-weight: bold;
     font-size: 19px;
-    padding-left: 35px;
 }
 
 .trezor-logo-svg-white svg {
@@ -161,6 +159,10 @@ h3 {
     border-radius: .25em;
 }
 
+.txvalues:not(:last-child) {
+    margin-right: 5px;
+}
+
 .txvalues-default {
     background-color: #EBEBEB;
     color: #333;
@@ -217,6 +219,10 @@ h3 {
     padding-left: .25rem;
 }
 
+.navbar-text .nav-link {
+    padding: 0;
+}
+
 ::-webkit-input-placeholder {
     color: #CCC!important;
     font-style: italic;
diff --git a/static/templates/base.html b/static/templates/base.html
index 2915944c..3a1d3283 100644
--- a/static/templates/base.html
+++ b/static/templates/base.html
@@ -29,15 +29,23 @@
                         </svg>
                     </div>
                 </a>
-                <span class="navbar-text">
-                    {{.CoinName}} Explorer
+                <span class="navbar-text ml-md-auto">
+                    <a href="/" class="nav-link">{{.CoinName}} Explorer</a>
                 </span>
-                <span class="d-none d-md-flex navbar-form navbar-left">
+                <ul class="navbar-nav flex-row ml-md-auto d-none d-lg-flex">
+                    <li class="nav-item">
+                        <a href="/explorer/blocks" class="nav-link">Blocks</a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="/" class="nav-link">Status</a>
+                    </li>
+                </ul>
+                <span class="d-none ml-md-auto d-md-flex navbar-form navbar-left">
                     <form id="search" action="/explorer/search" method="get">
                         <input name="q" type="text" class="form-control" placeholder="Search for block, transaction or address" focus="true">
                     </form>
                 </span>
-                <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
+                <ul class="navbar-nav flex-row ml-md-auto d-none d-lg-flex ">
                     <li class="nav-item">
                         <a href="https://trezor.io/" class="nav-link">TREZOR</a>
                     </li>