From 2d0d91773b7b6d42746492c23dfee0b3c9e06557 Mon Sep 17 00:00:00 2001
From: Joe Knapper <jaknapper@hotmail.com>
Date: Fri, 10 Jul 2026 16:26:50 +0100
Subject: [PATCH] Add margin to checkbox to prevent overlap with text on right,
 remove spaces

---
 webapp/src/assets/less/theme.less                         | 8 ++++++++
 .../components/genericComponents/multiSelectDropdown.vue  | 3 +--
 .../displaySettingsComponents/streamSettings.vue          | 2 +-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/webapp/src/assets/less/theme.less b/webapp/src/assets/less/theme.less
index 2a767a76..e9cac9ad 100644
--- a/webapp/src/assets/less/theme.less
+++ b/webapp/src/assets/less/theme.less
@@ -228,3 +228,11 @@ a:hover {
 .uk-pagination > .uk-active > * {
     color: @global-primary-background;
 }
+
+/*
+ * Checkboxes
+ */
+
+.uk-checkbox {
+    margin-right: 4px;
+}
\ No newline at end of file
diff --git a/webapp/src/components/genericComponents/multiSelectDropdown.vue b/webapp/src/components/genericComponents/multiSelectDropdown.vue
index a8294895..0709e35c 100644
--- a/webapp/src/components/genericComponents/multiSelectDropdown.vue
+++ b/webapp/src/components/genericComponents/multiSelectDropdown.vue
@@ -20,8 +20,7 @@
           :value="option"
           :checked="modelValue.includes(option)"
           @change="toggleOption(option)"
-        />
-        {{ option }}
+        />{{ option }}
       </label>
     </div>
   </div>
diff --git a/webapp/src/components/tabContentComponents/settingsComponents/displaySettingsComponents/streamSettings.vue b/webapp/src/components/tabContentComponents/settingsComponents/displaySettingsComponents/streamSettings.vue
index d13a3904..4dba4df6 100644
--- a/webapp/src/components/tabContentComponents/settingsComponents/displaySettingsComponents/streamSettings.vue
+++ b/webapp/src/components/tabContentComponents/settingsComponents/displaySettingsComponents/streamSettings.vue
@@ -3,7 +3,7 @@
     <div>
       <h3>Stream Settings</h3>
       <label
-        ><input v-model="disableStream" class="uk-checkbox" type="checkbox" /> Disable Web
+        ><input v-model="disableStream" class="uk-checkbox" type="checkbox" />Disable Web
         Stream</label
       >
       <p class="uk-margin-small">This will disable the embedded web stream of the camera.</p>