finished styling blocks page

var/www/dragonx.is/explorer.css

@@ -324,6 +324,28 @@ input[id="dragonx-tab"]:not(:checked) ~ * .explorer-tab:nth-child(2):hover {
     left: calc(13vh * var(--tab-index));
     color: var(--item-bg-dark);
 }
+.explorer-tab-back {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 1.5vh;
+    margin-left: 2.5vh;
+    width: 12vh;
+    height: 4vh;
+    border-radius: 1rem 1rem 1rem 1rem;
+    position: absolute;
+    /* control spacing of tabs without additional css */
+    left: calc(13vh * var(--tab-index));
+    background-color: var(--item-bg-light);
+    border: .1rem solid var(--item-bg-light);
+    color: var(--item-bg-dark);
+}
+.explorer-tab-back:hover {
+    cursor: pointer;
+    background-color: var(--item-bg-light);
+    border: .1rem solid var(--text-color-main);
+    color: var(--text-color-main);
+}
 
 .explorer-dot {
     z-index: 0;

var/www/explorer.dragonx.is/blocks/template.html

@@ -85,13 +85,13 @@
        </div>
        <div class="explorer-tab-bar">
               
-              <label for="hush-tab" class="explorer-tab" style="--tab-index: 2;">
+              <!-- <label for="hush-tab" class="explorer-tab" style="--tab-index: 2;">
                      <span>HUSH</span>
-              </label>
-              <label for="dragonx-tab" class="explorer-tab" style="--tab-index: 0;">
+              </label> -->
+              <div class="explorer-tab-back" style="--tab-index: 0;">
                      
-                     <span>DragonX Blocks</span>
-              </label>
+                     <a href="https://explorer.dragonx.is" style="text-decoration: none; color: inherit;">Back</a>
+              </div>
               <div class="explorer-dot" style="--tab-index: 1;"></div>
               <div class="explorer-dot" style="--tab-index: 0.94;"></div>
               <div class="explorer-dot" style="--tab-index: 0.88;"></div>