[PATCH 2/5] gitweb: prevent project search bar from overflowing on mobile

From: Rito Rhymes via GitGitGadget <gitgitgadget@gmail.com>
Date: Feb 9, 2026, 23:17 UTC
Message-ID: <bec6b10d500794365581905be41980e53d1f264a.1770679038.git.gitgitgadget@gmail.com>
In-Reply-To: <pull.2043.git.1770679038.gitgitgadget@gmail.com>

From: Rito Rhymes <rito@ritovision.com>

On narrow screens, the project search input can exceed the available width and force page-wide horizontal scrolling.

Add side padding to the search container and cap the input to its container width with border-box sizing, so the form stays within the viewport.

Signed-off-by: Rito Rhymes <rito@ritovision.com>
---
 gitweb/static/gitweb.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/gitweb/static/gitweb.css b/gitweb/static/gitweb.css
index 48d2e51015..1fe120cd95 100644
--- a/gitweb/static/gitweb.css
+++ b/gitweb/static/gitweb.css
@@ -537,6 +537,13 @@ div.search {
 div.projsearch {
 	text-align: center;
 	margin: 20px 0px;
+	padding: 0 8px;
+	box-sizing: border-box;
+}
+
+div.projsearch input[type="text"] {
+	max-width: 100%;
+	box-sizing: border-box;
 }
 
 div.projsearch form {

-- 
gitgitgadget