From 1b358f2e106a270b134b87e2cf5d76a3f61977da Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Sat, 11 Apr 2026 11:50:50 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20config=20bar=20layout=20=E2=80=94=20over?=
 =?UTF-8?q?ride=20section's=20flex-direction=20to=20row?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The .section base class sets flex-direction: column, which caused the
config bar items (App Log Level, Agent Log Level, etc.) to stack
vertically instead of displaying in a horizontal row.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 ui/src/pages/AgentHealth/AgentHealth.module.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/ui/src/pages/AgentHealth/AgentHealth.module.css b/ui/src/pages/AgentHealth/AgentHealth.module.css
index 32f7e695..9389d490 100644
--- a/ui/src/pages/AgentHealth/AgentHealth.module.css
+++ b/ui/src/pages/AgentHealth/AgentHealth.module.css
@@ -34,6 +34,8 @@
 /* Application config bar — card styling via sectionStyles.section */
 .configBar {
   display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
   align-items: flex-end;
   gap: 20px;
   padding: 12px 16px;