From cde63469dc207ccd7b6ed12f37d0eb8b31dc0ea9 Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Tue, 22 Jun 2021 09:38:28 +1000
Subject: [PATCH 1/2] hide revert button when not active

---
 ts/deckoptions/RevertButton.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ts/deckoptions/RevertButton.svelte b/ts/deckoptions/RevertButton.svelte
index 4ac271012..0291d6d78 100644
--- a/ts/deckoptions/RevertButton.svelte
+++ b/ts/deckoptions/RevertButton.svelte
@@ -32,7 +32,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     let modified: boolean;
     $: modified = !isEqual(value, defaultValue);
-    $: className = !modified ? "opacity-25" : "";
+    $: className = !modified ? "opacity-0" : "";
 
     const isTouchDevice = getContext<boolean>(touchDeviceKey);
 

From a7cf5cb5eb65200c1ad79282eb11c992fa5fa69c Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Tue, 22 Jun 2021 09:41:31 +1000
Subject: [PATCH 2/2] move revert button to the right

With a confirmation step now, accidental taps when scrolling shouldn't
be an issue, and it leaves more room for the text.
---
 ts/deckoptions/EnumSelectorRow.svelte | 2 +-
 ts/deckoptions/SpinBoxFloatRow.svelte | 2 +-
 ts/deckoptions/SpinBoxRow.svelte      | 2 +-
 ts/deckoptions/StepsInputRow.svelte   | 2 +-
 ts/deckoptions/SwitchRow.svelte       | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/ts/deckoptions/EnumSelectorRow.svelte b/ts/deckoptions/EnumSelectorRow.svelte
index 6d07f9953..b93fca1db 100644
--- a/ts/deckoptions/EnumSelectorRow.svelte
+++ b/ts/deckoptions/EnumSelectorRow.svelte
@@ -20,10 +20,10 @@
 
 <Row>
     <Col size={7}>
-        <RevertButton bind:value {defaultValue} />
         <TooltipLabel {markdownTooltip}><slot /></TooltipLabel>
     </Col>
     <Col {breakpoint} size={5}>
         <EnumSelector bind:value {choices} />
+        <RevertButton bind:value {defaultValue} />
     </Col>
 </Row>
diff --git a/ts/deckoptions/SpinBoxFloatRow.svelte b/ts/deckoptions/SpinBoxFloatRow.svelte
index d3f2cbbaa..b3e5a3888 100644
--- a/ts/deckoptions/SpinBoxFloatRow.svelte
+++ b/ts/deckoptions/SpinBoxFloatRow.svelte
@@ -18,10 +18,10 @@
 
 <Row>
     <Col size={7}>
-        <RevertButton bind:value {defaultValue} />
         <TooltipLabel {markdownTooltip}><slot /></TooltipLabel>
     </Col>
     <Col size={5}>
         <SpinBoxFloat bind:value {min} {max} />
+        <RevertButton bind:value {defaultValue} />
     </Col>
 </Row>
diff --git a/ts/deckoptions/SpinBoxRow.svelte b/ts/deckoptions/SpinBoxRow.svelte
index 9aafa51e6..77002edcd 100644
--- a/ts/deckoptions/SpinBoxRow.svelte
+++ b/ts/deckoptions/SpinBoxRow.svelte
@@ -18,10 +18,10 @@
 
 <Row>
     <Col size={7}>
-        <RevertButton bind:value {defaultValue} />
         <TooltipLabel {markdownTooltip}><slot /></TooltipLabel>
     </Col>
     <Col size={5}>
         <SpinBox bind:value {min} {max} />
+        <RevertButton bind:value {defaultValue} />
     </Col>
 </Row>
diff --git a/ts/deckoptions/StepsInputRow.svelte b/ts/deckoptions/StepsInputRow.svelte
index d74af3ff0..722172bbe 100644
--- a/ts/deckoptions/StepsInputRow.svelte
+++ b/ts/deckoptions/StepsInputRow.svelte
@@ -16,10 +16,10 @@
 
 <Row>
     <Col size={7}>
-        <RevertButton bind:value {defaultValue} />
         <TooltipLabel {markdownTooltip}><slot /></TooltipLabel>
     </Col>
     <Col size={5}>
         <StepsInput bind:value />
+        <RevertButton bind:value {defaultValue} />
     </Col>
 </Row>
diff --git a/ts/deckoptions/SwitchRow.svelte b/ts/deckoptions/SwitchRow.svelte
index b4454945c..cfd4a722d 100644
--- a/ts/deckoptions/SwitchRow.svelte
+++ b/ts/deckoptions/SwitchRow.svelte
@@ -19,12 +19,12 @@
 
 <Row>
     <Col>
-        <RevertButton bind:value {defaultValue} />
         {#if markdownTooltip}<TooltipLabel for={id} {markdownTooltip}
                 ><slot /></TooltipLabel
             >{:else}<Label for={id}><slot /></Label>{/if}
     </Col>
     <Col grow={false}>
         <Switch {id} bind:value />
+        <RevertButton bind:value {defaultValue} />
     </Col>
 </Row>