From c1b1544256befd4cbb2673b3283e43ce2dc1cb4d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thea=20Sch=C3=B6bl?= <dev@theaninova.de>
Date: Thu, 21 Dec 2023 19:42:37 +0100
Subject: [PATCH] fix: mouse & scroll-speed options are unstyled

resolves #44
---
 src/routes/config/settings/+page.svelte | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/routes/config/settings/+page.svelte b/src/routes/config/settings/+page.svelte
index 2f2c9696..3b082da6 100644
--- a/src/routes/config/settings/+page.svelte
+++ b/src/routes/config/settings/+page.svelte
@@ -109,8 +109,12 @@
         /></label
       >
       <label>Scroll Speed<input type="number" use:setting={{id: 25}} /></label>
-      <label title="Bounces mouse by 1px every 60s if enabled"
-        >Active Mouse<input type="checkbox" use:setting={{id: 24}} /></label
+      <label>
+        <span>
+          Active Mouse
+          <p>Bounces mouse by 1px every 60s if enabled</p></span
+        >
+        <input type="checkbox" use:setting={{id: 24}} /></label
       >
       <label
         >Poll Rate<span class="unit"><input type="number" use:setting={{id: 26, inverse: 1000}} />Hz</span
@@ -198,6 +202,20 @@
 
       font-size: 14px;
 
+      > input[type="number"] {
+        border-radius: 16px 4px 4px 16px;
+        height: 24px;
+        text-align: center;
+
+        &:last-child:not(:only-child) {
+          border-radius: 4px 16px 16px 4px;
+        }
+
+        &:only-child {
+          border-radius: 16px;
+        }
+      }
+
       &:has(input[type="number"]) {
         cursor: text;