From 286a6f90888e55c34bacd128d149e4c6141d6fff Mon Sep 17 00:00:00 2001
From: Juergen Kunz <juergen@foss.global>
Date: Tue, 16 Sep 2025 15:28:12 +0000
Subject: [PATCH] feat(styles): adjust searchGrid layout for content-based
 sizing

---
 ts_web/elements/dees-table/styles.ts | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/ts_web/elements/dees-table/styles.ts b/ts_web/elements/dees-table/styles.ts
index b167676..15b2422 100644
--- a/ts_web/elements/dees-table/styles.ts
+++ b/ts_web/elements/dees-table/styles.ts
@@ -93,7 +93,7 @@ export const tableStyles: CSSResult[] = [
       .searchGrid {
         display: grid;
         grid-gap: 16px;
-        grid-template-columns: 1fr minmax(280px, 420px);
+        grid-template-columns: 1fr max-content;
         padding: 16px 24px;
         background: ${cssManager.bdTheme('hsl(210 40% 98%)', 'hsl(0 0% 3.9%)')};
         border-bottom: 1px solid ${cssManager.bdTheme('hsl(0 0% 89.8%)', 'hsl(0 0% 14.9%)')};
@@ -106,10 +106,7 @@ export const tableStyles: CSSResult[] = [
         }
       }
 
-      /* ensure the control fills its column */
-      .searchGrid dees-input-multitoggle {
-        width: 100%;
-      }
+      /* let search mode size to content (no forced width) */
 
       .searchGrid.hidden {
         height: 0px;