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
/>
-
+
-
+
+
+
diff --git a/ts/routes/import-page/ImportPage.svelte b/ts/routes/import-page/ImportPage.svelte
index f04f51472..f3aec8f66 100644
--- a/ts/routes/import-page/ImportPage.svelte
+++ b/ts/routes/import-page/ImportPage.svelte
@@ -15,7 +15,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
import BackendProgressIndicator from "$lib/components/BackendProgressIndicator.svelte";
import Container from "$lib/components/Container.svelte";
import ErrorPage from "$lib/components/ErrorPage.svelte";
- import StickyHeader from "$lib/components/StickyHeader.svelte";
+ import StickyHeader from "./StickyHeader.svelte";
import ImportLogPage from "./ImportLogPage.svelte";
diff --git a/ts/lib/components/StickyHeader.svelte b/ts/routes/import-page/StickyHeader.svelte
similarity index 82%
rename from ts/lib/components/StickyHeader.svelte
rename to ts/routes/import-page/StickyHeader.svelte
index 54abfb0aa..420b46251 100644
--- a/ts/lib/components/StickyHeader.svelte
+++ b/ts/routes/import-page/StickyHeader.svelte
@@ -6,10 +6,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
import * as tr from "@generated/ftl";
import { getPlatformString } from "@tslib/shortcuts";
- import LabelButton from "./LabelButton.svelte";
- import Shortcut from "./Shortcut.svelte";
- import StickyContainer from "./StickyContainer.svelte";
- import ButtonToolbar from "./ButtonToolbar.svelte";
+ import ButtonToolbar from "$lib/components/ButtonToolbar.svelte";
+ import LabelButton from "$lib/components/LabelButton.svelte";
+ import Shortcut from "$lib/components/Shortcut.svelte";
+ import StickyContainer from "$lib/components/StickyContainer.svelte";
export let path: string;
export let onImport: () => void;