From d7b7a2bccaa160f7535593f1097f83903cefe38d Mon Sep 17 00:00:00 2001
From: John Bowdre <john@bowdre.net>
Date: Tue, 16 Jan 2024 11:24:35 -0600
Subject: [PATCH] add transitions to searchbox

---
 static/css/custom.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/static/css/custom.css b/static/css/custom.css
index 7c4eedb..e7131a2 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -224,6 +224,8 @@ form {
   flex-direction: row;
   border-radius: 0.25rem;
   outline: 0.25rem solid var(--bg);
+  width: 240px;
+  transition: width .2s ease-in-out, outline .2s ease-in-out;
 }
 
 input {
@@ -243,6 +245,7 @@ input:focus {
 
 form:focus-within {
   outline: 1px solid var(--logo);
+  width: 100%;
 }
 
 form button {
@@ -250,4 +253,4 @@ form button {
   border: none;
   background-color: var(--off-bg);
   color: var(--link);
-}
+}
\ No newline at end of file