rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
Joe Knapper 2026-07-10 16:26:50 +01:00
parent bb38e11ba8
commit 2d0d91773b
3 changed files with 10 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
webapp/src/assets/less/theme.less
View file

@ -228,3 +228,11 @@ a:hover {
.uk-pagination > .uk-active > * { .uk-pagination > .uk-active > * {
color: @global-primary-background; color: @global-primary-background;
} }
/*
* Checkboxes
*/
.uk-checkbox {
margin-right: 4px;
}

3
webapp/src/components/genericComponents/multiSelectDropdown.vue
View file

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

2
webapp/src/components/tabContentComponents/settingsComponents/displaySettingsComponents/streamSettings.vue
View file

@ -3,7 +3,7 @@
<div> <div>
<h3>Stream Settings</h3> <h3>Stream Settings</h3>
<label <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 Stream</label
> >
<p class="uk-margin-small">This will disable the embedded web stream of the camera.</p> <p class="uk-margin-small">This will disable the embedded web stream of the camera.</p>