From 8999f5a52f9279b7a4ebc9cccd877797b4ddbc49 Mon Sep 17 00:00:00 2001
From: bronsen <kontakt+gitcommit@nrrd.de>
Date: Thu, 4 Dec 2025 19:28:14 +0100
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E2=9C=A8=20Layout=20our=20search?=
 =?UTF-8?q?=20results=20more=20correctly?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/teilchensammler_cli/main.py | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/teilchensammler_cli/main.py b/src/teilchensammler_cli/main.py
index 44e2c92..093e4ed 100644
--- a/src/teilchensammler_cli/main.py
+++ b/src/teilchensammler_cli/main.py
@@ -14,11 +14,12 @@ from textual.widgets import (
     Footer,
     Header,
     Input,
+    Static,
 )
 
 
 @final
-class SearchBar(Widget):
+class SearchBar(Static):
     DEFAULT_CSS = """
     #teilchen-input {
         width: 4fr;
@@ -30,7 +31,7 @@ class SearchBar(Widget):
 
     @override
     def compose(self) -> ComposeResult:
-        with Horizontal(id="search-bar-widget"):
+        with HorizontalGroup(id="search-bar-widget"):
             yield Input(
                 placeholder="Enter Teilchen information: name, description, #tags",
                 tooltip=(
@@ -41,8 +42,17 @@ class SearchBar(Widget):
                 id="teilchen-input",
                 type="text",
             )
-            yield Button("Add", variant="success", id="button-add")
-            yield Button("Search", variant="default", id="button-search")
+            yield Button(
+                "Add", variant="success", classes="search-bar-buttons", id="button-add"
+            )
+            yield Button(
+                "Search",
+                variant="default",
+                classes="search-bar-buttons",
+                id="button-search",
+            )
+
+
 TeilchenDatum = tuple[int, str, str, str, str]
 TeilchenHeader = tuple[
     Literal["pk"],