fix: small icon bar ui

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 {

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;

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;
   }
 

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);