diff --git a/style.css b/style.css index e9404ef..57cb059 100644 --- a/style.css +++ b/style.css @@ -2414,6 +2414,13 @@ gap: 6px; } +.bme-task-nav-groups { + display: inline-flex; + align-items: center; + gap: 10px; + flex-wrap: wrap; +} + .bme-task-segmented-control { display: inline-flex; background: var(--bme-surface-container); @@ -2445,6 +2452,10 @@ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); } +.bme-task-segmented-control--solo { + box-shadow: 0 0 0 1px rgba(255, 183, 0, 0.16); +} + .bme-task-master-detail { display: flex; gap: 0; @@ -4692,6 +4703,10 @@ flex-wrap: wrap; } + .bme-task-nav-groups { + width: 100%; + } + .bme-task-action-bar { flex-direction: column; align-items: stretch; diff --git a/ui/panel.js b/ui/panel.js index 9fc85dd..8d489aa 100644 --- a/ui/panel.js +++ b/ui/panel.js @@ -6006,26 +6006,30 @@ function _renderTaskProfileWorkspace(state) { return `
-
- ${state.taskTypeOptions - .map( - (item) => ` - - `, - ) - .join("")} - +
+
+ ${state.taskTypeOptions + .map( + (item) => ` + + `, + ) + .join("")} +
+
+ +