add section and arch dropdowns, wow that was a pain

1 files changed, 37 insertions, 12 deletions

diff --git a/style/main.css b/style/main.css
index bd7a758..5b6a064 100644
--- a/style/main.css
+++ b/style/main.css
@@ -94,6 +94,15 @@ html
 
 body { height: 100dvh; }
 
+#js_tmp
+{
+    position:    absolute;
+    height:      auto;
+    width:       auto;
+    visibility:  hidden;
+    white-space: nowrap;
+}
+
 a
 {
     cursor: pointer;
@@ -230,10 +239,7 @@ a:hover { text-decoration: underline; }
     animation: logo-ver_scale 3.5s ease infinite;
 }
 
-#search_pane
-{
-    flex-grow: 1;
-}
+#search_pane { flex-grow: 1; }
 
 form
 {
@@ -247,12 +253,13 @@ button, input { all: unset; }
 
 #query_wrap
 {
-    display: flex;
-    flex-direction: row;
+    display:         flex;
+    flex-direction:  row;
     justify-content: flex-start;
+    align-items:     center;
 
     font-size: large;
-    width: min(42rem, 80vw);
+    width:     min(42rem, 80vw);
 
     padding: 1rem 1.5rem;
     margin:  1rem;
@@ -271,18 +278,36 @@ button, input { all: unset; }
     box-shadow: 0.5pt 0.75pt 0.5rem var(--qshadowh);
 }
 
-#query
-{
-    width: 100%;
-}
+#query { width: 100%; }
 
 #query_icon
 {
     background: no-repeat url("/imgs/search.svg");
     background-size: contain;
     background-position: center;
-    width: 16pt;
     margin-right: 1rem;
+    flex-shrink:  0;
+    width:  14pt;
+    height: 14pt;
+}
+
+.query_opt
+{
+    flex-shrink: 0;
+    user-select: none;
+    width: 20pt;
+    color: var(--fg-light);
+}
+
+#sect { margin-right: 6pt; }
+#sect, #arch
+{
+    background-color: transparent;
+    color:  var(--fg-mid);
+    border: none;
+
+    cursor: pointer;
+    user-select: none;
 }
 
 button, input[type=submit]