From e066c167fe1c1276c41fb8ee1881fb5b3759cf7e Mon Sep 17 00:00:00 2001
From: Casey Rodarmor <casey@rodarmor.com>
Date: Mon, 10 Oct 2022 11:26:50 -0700
Subject: [PATCH] Make search box expand to fill available space

---
 static/index.css | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/static/index.css b/static/index.css
index 8e125e7a92..e2c7d8fb67 100644
--- a/static/index.css
+++ b/static/index.css
@@ -48,37 +48,39 @@ a:visited {
 }
 
 nav {
+  align-items: center;
+  background-color: var(--light-bg);
   display: flex;
   gap: 1rem;
   padding: 1rem;
-  background-color: var(--light-bg);
-  align-items: center;
 }
 
 nav > :first-child {
-  font-weight: bold;
   color: var(--light-fg);
+  font-weight: bold;
 }
 
-nav > form {
+form {
+  display: flex;
+  flex-grow: 1;
+  gap: 1rem;
   margin-left: auto;
+  width: 100%;
 }
 
 input[type=text] {
-  color: var(--search-fg);
   background-color: var(--search-bg);
   border-radius: 3px;
   border: 1px solid var(--search-border);
+  color: var(--search-fg);
+  flex-grow: 1;
+  min-width: 0;
 }
 
 @media (max-width: 38rem) {
   nav {
     flex-direction: column;
   }
-
-  nav > form {
-    margin-left: 0;
-  }
 }
 
 .blocks {