Tweak cgit tab styles to more closely match srht

1 files changed, 27 insertions, 18 deletions

diff --git a/scss/main.scss b/scss/main.scss
index 3f0507f..2fcabc7 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -2,27 +2,36 @@
 @import "cgit";
 
 div#cgit {
-    padding: 0;
-    font-size: inherit;
+  padding: 0;
+  font-size: inherit;
 
-    table.tabs {
-        margin-top: 0;
-        border-bottom: 3px solid #ddd;
+  table.tabs {
+    margin-top: 0;
+    border-bottom: 3px solid #ddd;
 
-        td a {
-            padding: 3px 0.75em;
-            font-size: inherit;
+    td a {
+      margin: 0 0.2rem;
+      padding: 0 1rem 3px 1rem;
+      font-size: inherit;
+      border-width: 1px 1px 0px 1px;
+      border-color: transparent;
+      border-style: solid;
+      text-decoration: none;
 
-            &.active {
-                background-color: #ddd;
-            }
-        }
+      &.active {
+        background-color: #ddd;
+      }
 
-        input[type="text"] {
-            border-width: 1px;
-            border-style: solid;
-            width: 8rem;
-            padding: 0 0;
-        }
+      &:hover, &.active {
+        border-color: #ddd;
+      }
     }
+
+    input[type="text"] {
+      border-width: 1px;
+      border-style: solid;
+      width: 8rem;
+      padding: 0 0;
+    }
+  }
 }