Add margin to checkbox to prevent overlap with text on right, remove spaces

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;
+}

webapp/src/components/genericComponents/multiSelectDropdown.vue

@@ -20,8 +20,7 @@
           :value="option"
           :checked="modelValue.includes(option)"
           @change="toggleOption(option)"
-        />
-        {{ option }}
+        />{{ option }}
       </label>
     </div>
   </div>

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>