minor CSS tweaks

1 files changed, 12 insertions, 5 deletions

diff --git a/style/main.css b/style/main.css
index ce8c5df..94c96bb 100644
--- a/style/main.css
+++ b/style/main.css
@@ -253,6 +253,7 @@ form
 }
 
 button, input { all: unset; }
+button:focus, input:focus { outline: 1px auto; }
 
 /* NOTE: if you wanna change the height of the wrap, it's actually the #qfill height */
 #query_wrap
@@ -263,8 +264,9 @@ button, input { all: unset; }
     justify-content: flex-start;
     align-items:     center;
 
-    font-size: large;
-    width:     min(42rem, 90vw);
+    font-size:  large;
+    width:      min(42rem, 90vw);
+    max-height: 3em;
 
     padding: 0;
     margin:  1rem;
@@ -285,7 +287,7 @@ button, input { all: unset; }
     flex-shrink: 0;
     align-self:  flex-end;
 
-    height: 4rem;
+    height: 5rem;
     width:  2rem;
     background-color: var(--qbg);
 }
@@ -300,6 +302,11 @@ button, input { all: unset; }
 }
 
 #query { width: 100%; }
+#query:focus
+{
+    outline: none;
+    /* border-bottom: 1px solid var(--border);*/ /* useful but not goog-like, coz flat sucks */
+}
 
 #query_icon
 {
@@ -331,11 +338,11 @@ button, input { all: unset; }
     color: var(--fg-light);
 }
 
-#sect { margin-right: 6pt; }
 #sect, #arch
 {
     flex-grow: 0;
-    height: 3em;
+    height: 2.6em;
+    margin-right: 6pt;
 
     background-color: transparent;
     color:  var(--fg-mid);