From ade17b80b1c2524c750d522124cbbe10fa1bd03f Mon Sep 17 00:00:00 2001
From: Leo Vasanko <leo@git>
Date: Wed, 24 Sep 2025 16:57:08 -0600
Subject: [PATCH] Shrink header by removing gaps on small screens.

---
 src/components/HeaderControls.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/HeaderControls.vue b/src/components/HeaderControls.vue
index 2fe5596..301ce95 100644
--- a/src/components/HeaderControls.vue
+++ b/src/components/HeaderControls.vue
@@ -211,6 +211,9 @@ onBeforeUnmount(() => {
   gap: 1rem;
 }
 
+@media (max-width: 600px) {
+  .header-controls { gap: 0.1rem; }
+}
 /* Group search + spacer so outer gap doesn't create unwanted space */
 .search-with-spacer {
   display: flex;