✨ Moved History and Collection sections to right side bar

assets/css/styles.scss

@@ -135,6 +135,9 @@ footer {
   position: sticky;
   top: 0;
   align-self: flex-start;
+}
+
+.nav-first {
   z-index: 1;
 }
 
@@ -633,22 +636,6 @@ ol li {
   background-color: var(--err-color);
 }
 
-fieldset#history {
-  .method-list-item {
-    position: relative;
-
-    span {
-      position: absolute;
-      top: 8px;
-      right: 8px;
-      font-family: 'Roboto Mono', monospace;
-      background-color: var(--bg-color);
-      padding: 4px 8px;
-      border-radius: 8px;
-    }
-  }
-}
-
 .align-left {
   text-align: left;
 }
@@ -697,7 +684,7 @@ fieldset#history {
     position: fixed;
     top: 12px;
     right: 12px;
-    z-index: 1;
+    z-index: 2;
 
     #hidden-message {
       display: block;
@@ -711,14 +698,14 @@ section {
   flex-wrap: wrap;
 }
 
-div.tab {
+.tab {
   width: 100%;
   order: 1;
 }
 
 input[type="file"],
 input[type="radio"],
-div.tab {
+.tab {
   display: none;
 }
 
@@ -739,7 +726,7 @@ input[type="radio"]:checked + label {
   border-color: var(--fg-color);
 }
 
-input[type="radio"]:checked + label + div.tab {
+input[type="radio"]:checked + label + .tab {
   display: block;
 }
 
@@ -772,7 +759,7 @@ input[type="radio"]:checked + label + div.tab {
   display: flex;
   width: 25%;
   order: 2;
-  height: calc(100vh - 80px)
+  height: calc(100vh - 80px);
 }
 
 @media (max-width: $responsiveWidth) {
@@ -824,4 +811,8 @@ input[type="radio"]:checked + label + div.tab {
     position: relative;
     width: 100%;
   }
+
+  .inner-left {
+    margin-right: 0;
+  }
 }