diff --git a/ts/components/ButtonGroup.svelte b/ts/components/ButtonGroup.svelte
index 6e2ef5989..2f8ca1053 100644
--- a/ts/components/ButtonGroup.svelte
+++ b/ts/components/ButtonGroup.svelte
@@ -21,6 +21,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
export let size: number | undefined = undefined;
export let wrap: boolean | undefined = undefined;
+ export let reverse = false;
+
$: buttonSize = size ? `--buttons-size: ${size}rem; ` : "";
let buttonWrap: string;
$: if (wrap === undefined) {
@@ -95,7 +97,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
div {
+ flex-direction: row;
flex-wrap: var(--buttons-wrap);
padding: calc(var(--buttons-size) / 10);
margin: 0;
}
+
+ .reverse {
+ flex-direction: row-reverse;
+ }
diff --git a/ts/components/IconButton.svelte b/ts/components/IconButton.svelte
index e23a4d5d3..2f9d7b61a 100644
--- a/ts/components/IconButton.svelte
+++ b/ts/components/IconButton.svelte
@@ -18,6 +18,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
export let iconSize: number = 75;
export let widthMultiplier: number = 1;
+ export let flipX: boolean = false;
let buttonRef: HTMLButtonElement;
@@ -44,7 +45,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
on:click
on:mousedown|preventDefault
>
-
+
+
+