From 7a0cecca31096682708fbf27b33d76014f7150dc Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Sat, 25 Nov 2023 11:08:40 +0530
Subject: [PATCH] Restyle language selection tab in the site template.

---
 site/static/style.css | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/site/static/style.css b/site/static/style.css
index a5a519a..ca64533 100644
--- a/site/static/style.css
+++ b/site/static/style.css
@@ -130,12 +130,11 @@ button:hover, .button:hover {
   font-weight: normal;
 }
 
-.search {
-  position: relative;
-}
   .search .tabs {
+    position: relative;
     margin-left: 20px;
     text-align: left;
+    margin-bottom: -2px;
   }
   .search .tabs input {
     opacity: 0;
@@ -152,22 +151,27 @@ button:hover, .button:hover {
     margin: 0 5px 0 0;
     padding: 6px 15px;
     border-radius: 4px 4px 0 0;
-    border-width: 1px 1px 0 1px;
-    border-style: solid;
-    border-color: #d6d6d6;
+    border: 1px solid #d6d6d6;
     white-space: nowrap;
     cursor: pointer;
+    position: relative;
   }
     .search .tabs input:focus + label,
     .search .tabs label:hover {
       border-color: var(--light);
-      box-shadow: 0 0 6px #ddd;
+      box-shadow: -2px -4px 6px var(--lightest);
     }
     .search .tabs input:checked + label {
       border-color: var(--light);
       color: inherit;
       border-top-width: 2px;
+      border-bottom-color: transparent;
+      z-index: 3;
     }
+
+.search-form {
+  position: relative;
+}
 .search-form > div {
   display: flex;
   align-items: stretch;
@@ -531,5 +535,6 @@ button:hover, .button:hover {
   }
   .tabs .tab {
     display: block;
+    border-bottom: 0;
   }
 }