From 541e0e5d81452e4c19a16f15095857a1e2966cae Mon Sep 17 00:00:00 2001 From: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com> Date: Tue, 7 Apr 2026 18:30:25 -0500 Subject: [PATCH] Search input fills module width, button auto-sized Input and awesomplete wrapper get flex: 1 to fill all available space. Submit button gets flex: 0 0 auto to shrink to content. Co-Authored-By: Claude Opus 4.6 (1M context) --- src/media/css/template.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/media/css/template.css b/src/media/css/template.css index 74db5ec..5b5e9af 100644 --- a/src/media/css/template.css +++ b/src/media/css/template.css @@ -18576,6 +18576,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ /* Enhanced search button styling */ .mod-finder__search.input-group button, .container-search button[type="submit"] { + flex: 0 0 auto; background-color: var(--color-primary, #112855); color: var(--mainmenu-nav-link-color, #fff); border-color: var(--color-primary, #112855); @@ -18614,6 +18615,13 @@ nav[data-toggle=toc] .nav-link.active+ul{ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } +.container-search .form-control, +.container-search .awesomplete, +.container-search .awesomplete input { + flex: 1 1 0%; + min-width: 0; +} + .container-search .form-control, .container-search .awesomplete input { border-right: none;