Tabs

web/style.css

@@ -297,19 +297,23 @@ textarea {
   padding: 8px 10px 6px;
 }
 
-.pane-tabs .task-picker {
+.task-bar {
+  display: flex;
+  justify-content: center;
+  padding: 0 12px;
+  border-bottom: 1px solid var(--border);
+  background: color-mix(in srgb, var(--task) 12%, var(--bg));
+}
+
+.task-bar .task-picker {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  color: var(--text);
-}
-
-.task-pane > .pane-tabs {
-  background: color-mix(in srgb, var(--task) 12%, var(--bg));
-}
-
-.task-pane > .pane-tabs .task-picker {
+  padding: 6px 10px;
+  border: none;
+  border-radius: 0;
+  background: transparent;
   color: var(--task);
   font-weight: 700;
 }
@@ -354,7 +358,7 @@ a.task-link {
   display: none;
 }
 
-.pane-tabs button:not(.task-picker) {
+.pane-tabs button {
   flex-shrink: 0;
   white-space: nowrap;
 }