From 5338155ef56b3c5220d033244a4b0c37493b25b1 Mon Sep 17 00:00:00 2001
From: fs <fs@breadcrumb-solutions.de>
Date: Tue, 24 Mar 2026 17:25:59 +0100
Subject: [PATCH] fix: small icon bar ui

---
 web/css/components/app-details.css | 4 ++--
 web/css/components/app-tabs.css    | 1 +
 web/css/layout/app-sidebar.css     | 2 +-
 web/css/layout/app-topbar.css      | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/css/components/app-details.css b/web/css/components/app-details.css
index d20628b..135283d 100644
--- a/web/css/components/app-details.css
+++ b/web/css/components/app-details.css
@@ -4,8 +4,8 @@
     padding-top: var(--app-spacing);
   }
 
-  .app-details-container > section {
-    max-width: 84ch;
+  .app-details-container > section > form [data-tab-panel] {
+    max-width: 70ch;
   }
 
   .app-details-aside-actions {
diff --git a/web/css/components/app-tabs.css b/web/css/components/app-tabs.css
index 310a689..6d1c2cb 100644
--- a/web/css/components/app-tabs.css
+++ b/web/css/components/app-tabs.css
@@ -164,6 +164,7 @@
     color: var(--app-color) !important;
   }
 
+  .app-tabs-nav button:hover,
   .app-tabs-nav button.is-active,
   .app-tabs-nav a.is-active {
     --app-color: inherit;
diff --git a/web/css/layout/app-sidebar.css b/web/css/layout/app-sidebar.css
index 6d80571..5bc5e97 100644
--- a/web/css/layout/app-sidebar.css
+++ b/web/css/layout/app-sidebar.css
@@ -233,7 +233,7 @@
   .app-sidebar
     .app-sidebar-group
     details[open]
-    > summary:not([role]):not(:focus) {
+    > summary:not([role]) {
     margin-bottom: 7px;
   }
 
diff --git a/web/css/layout/app-topbar.css b/web/css/layout/app-topbar.css
index acaacc4..a7de63f 100644
--- a/web/css/layout/app-topbar.css
+++ b/web/css/layout/app-topbar.css
@@ -20,7 +20,7 @@
 }
 
 .app-header {
-  --app-topbar-item-padding: 5px;
+  --app-topbar-item-padding: 8px;
   --app-topbar-list-gap: 8px;
   --app-topbar-divider: 1px solid var(--app-border);
   --app-topbar-margin-bottom: calc(var(--app-spacing) * 2);