diff --git a/ts/lib/components/ButtonToolbar.svelte b/ts/lib/components/ButtonToolbar.svelte index 69a64b2f4..3ddb379d6 100644 --- a/ts/lib/components/ButtonToolbar.svelte +++ b/ts/lib/components/ButtonToolbar.svelte @@ -39,6 +39,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html .button-toolbar { flex-wrap: var(--buttons-wrap); padding-left: 0.15rem; - gap: 1rem; + + :global(.button-group) { + /* TODO replace with gap once available (blocked by Qt5 / Chromium 77) */ + margin-right: 0.3rem; + margin-bottom: 0.15rem; + } } diff --git a/ts/routes/deck-options/ConfigSelector.svelte b/ts/routes/deck-options/ConfigSelector.svelte index 50eedaaaa..d2b9dfca9 100644 --- a/ts/routes/deck-options/ConfigSelector.svelte +++ b/ts/routes/deck-options/ConfigSelector.svelte @@ -8,7 +8,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html import type Modal from "bootstrap/js/dist/modal"; import { createEventDispatcher, getContext } from "svelte"; - import ButtonToolbar from "$lib/components/ButtonToolbar.svelte"; import { modalsKey } from "$lib/components/context-keys"; import Select from "$lib/components/Select.svelte"; import StickyContainer from "$lib/components/StickyContainer.svelte"; @@ -93,9 +92,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html /> - +