navigatie aangepast

webui/html/base.css

@@ -109,6 +109,7 @@ h1 {
   border-top: 1px solid var(--color-border);
   padding-top: 5px;
   position: relative;
+  background: var(--color-surface);
 }
 
 .toolbar {
@@ -228,7 +229,7 @@ button:disabled {
   gap: 6px;
   padding: 5px 6px 6px 6px;
   border-bottom: 1px solid var(--color-border);
-  margin-bottom: 3px;
+  margin-bottom: 0;
   background: var(--color-list-header-bg);
   border-radius: var(--radius-sm);
   color: var(--color-text-muted);
@@ -237,8 +238,12 @@ button:disabled {
   letter-spacing: 0.05em;
   position: sticky;
   top: 0;
-  z-index: 2;
-  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
+  z-index: 10;
+  isolation: isolate;
+  background-clip: padding-box;
+  box-shadow:
+    0 1px 0 rgba(0, 0, 0, 0.04),
+    0 8px 10px -10px rgba(0, 0, 0, 0.45);
 }
 
 .col-name {