From 1df77c2045548d224e2d139e50e4dd4f9bea5e1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Tue, 24 Feb 2026 12:21:03 +0400
Subject: [PATCH] Tweak search box width on small screens

---
 app/styles/app.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/styles/app.css b/app/styles/app.css
index 65fbd36..c1ce72d 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -769,6 +769,12 @@ button.create-place {
   z-index: 3002; /* Higher than menu button to be safe */
 }
 
+@media (width <= 768px) {
+  .search-box {
+    max-width: calc(100vw - 65px);
+  }
+}
+
 .search-form {
   display: flex;
   align-items: center;