diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css index 6fc125c8..c20f39d8 100644 --- a/web/app/src/assets/base.css +++ b/web/app/src/assets/base.css @@ -347,6 +347,8 @@ dl dd:empty { .btn-bar { align-items: center; display: flex; + flex-wrap: wrap; + gap: calc(var(--spacer-sm) / 3) var(--spacer-sm); padding: var(--spacer-sm) 0; } @@ -371,13 +373,6 @@ dl dd:empty { padding: 0; } -.btn-bar-group select+.btn, -.btn-bar-group select+button, -.btn-bar-group .btn+select, -.btn-bar-group button+select { - margin-left: var(--spacer-sm) -} - label { display: block; } @@ -458,10 +453,6 @@ button, input[type='button'], .btn { width: 100%; } -.btn-bar .btn+.btn, -.btn-bar button+button { - margin-left: var(--spacer-sm); -} button[disabled], input[type='button'][disabled], diff --git a/web/app/src/components/workers/WorkerActionsBar.vue b/web/app/src/components/workers/WorkerActionsBar.vue index a83ddd64..a0b69dc5 100644 --- a/web/app/src/components/workers/WorkerActionsBar.vue +++ b/web/app/src/components/workers/WorkerActionsBar.vue @@ -1,18 +1,20 @@