From 64b519d5b1ec178d5e634d2a3ced00613d3ed15b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thea=20Sch=C3=B6bl?= <dev@theaninova.de>
Date: Sat, 2 Dec 2023 20:25:10 +0100
Subject: [PATCH] fix: can't type in the terminal

---
 src/routes/config/settings/+page.svelte | 19 +++++++++++++++----
 src/routes/terminal/+page.svelte        |  1 +
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/routes/config/settings/+page.svelte b/src/routes/config/settings/+page.svelte
index c10a39cb..d57d1ba3 100644
--- a/src/routes/config/settings/+page.svelte
+++ b/src/routes/config/settings/+page.svelte
@@ -28,8 +28,18 @@
         A quick, single key press and release used to indicate a suffix, prefix, or modifier to be associated
         with a chord.
       </p>
+      <p>The following keys have special behavior when arpeggiates are enabled:</p>
+      <ul>
+        <li><kbd>,</kbd>, <kbd>;</kbd> and <kbd>:</kbd> will be placed before the auto-inserted space</li>
+        <li>
+          <kbd>.</kbd>, <kbd>?</kbd> and <kbd>!</kbd> will be placed before the auto-inserted space and capitalize
+          the next word
+        </li>
+        <li><kbd>-</kbd> will replace the auto-inserted space</li>
+      </ul>
       <label
-        >Tolerance<span class="unit"><input type="number" step="1" use:setting={{id: 54}} />ms</span></label
+        >Timeout After Chord<span class="unit"><input type="number" step="1" use:setting={{id: 54}} />ms</span
+        ></label
       >
     </fieldset>
 
@@ -99,7 +109,7 @@
     <fieldset>
       <legend>Device</legend>
       <label>Boot message<input type="checkbox" use:setting={{id: 93}} /></label>
-      <label>Realtime Feedback<input type="checkbox" use:setting={{id: 92}} /></label>
+      <label>GTM Realtime Feedback<input type="checkbox" use:setting={{id: 92}} /></label>
       <label>
         Operating System
         <select>
@@ -127,14 +137,14 @@
 
 <style lang="scss">
   form {
-    overflow: hidden;
+    overflow-y: auto;
     display: flex;
     flex-flow: row wrap;
     gap: 16px;
     justify-content: center;
 
-    max-width: 30cm;
     margin-block: auto;
+    padding-block-end: 48px;
   }
 
   legend,
@@ -221,6 +231,7 @@
       }
     }
 
+    ul,
     p {
       font-size: 10px;
     }
diff --git a/src/routes/terminal/+page.svelte b/src/routes/terminal/+page.svelte
index 5fdd48a1..555f3ec0 100644
--- a/src/routes/terminal/+page.svelte
+++ b/src/routes/terminal/+page.svelte
@@ -17,5 +17,6 @@
 
     width: calc(min(100%, 28cm));
     height: 100%;
+    margin-block-end: 48px;
   }
 </style>