From 0e9f36c416848bebded4189e5cef15fc9c4ebabd Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Thu, 22 Apr 2021 17:28:14 +1000
Subject: [PATCH] fill width when steps exceed 2; add bottom margin

---
 ts/deckconfig/StepsInput.svelte    | 9 ++++++++-
 ts/deckconfig/deckconfig-base.scss | 2 ++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/ts/deckconfig/StepsInput.svelte b/ts/deckconfig/StepsInput.svelte
index 3989d0ab8..141cc6307 100644
--- a/ts/deckconfig/StepsInput.svelte
+++ b/ts/deckconfig/StepsInput.svelte
@@ -29,6 +29,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }
 </script>
 
-<ConfigEntry {label} {subLabel} {value} {defaultValue} {warnings} on:revert={revert}>
+<ConfigEntry
+    {label}
+    {subLabel}
+    {value}
+    {defaultValue}
+    {warnings}
+    wholeLine={value.length > 2}
+    on:revert={revert}>
     <input type="text" value={stringValue} on:blur={update} class="form-control" />
 </ConfigEntry>
diff --git a/ts/deckconfig/deckconfig-base.scss b/ts/deckconfig/deckconfig-base.scss
index 446b6f97d..55fa7cf98 100644
--- a/ts/deckconfig/deckconfig-base.scss
+++ b/ts/deckconfig/deckconfig-base.scss
@@ -22,6 +22,8 @@
 body {
     width: min(100vw, 40em);
     margin: 0 auto;
+    // leave some space for rounded screens
+    margin-bottom: 2em;
 }
 
 html {