tweak left margin, and checkbox top margin

This commit is contained in:
Damien Elmes 2021-05-19 17:18:28 +10:00
parent 19dd739764
commit dbc043fd50
2 changed files with 11 additions and 2 deletions

View file

@ -12,8 +12,14 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
export let id: string | undefined = undefined;
</script>
<style lang="scss">
.checkbox-outer {
margin-top: 0.5em;
}
</style>
<ConfigEntry {id} label="" wholeLine={true} bind:value {defaultValue}>
<div>
<div class="checkbox-outer">
<label> <input type="checkbox" bind:checked={value} /> {label} </label>
{#if tooltip}
<HelpPopup html={tooltip} />

View file

@ -24,8 +24,11 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
<style lang="scss">
.outer {
display: grid;
grid-template-columns: 5fr 2fr;
grid-template-columns: 7fr 3fr;
grid-row-gap: 0.5em;
// the right margin has an indent to allow for the undo
// buttons; add the same indent on the left for balance
padding-left: 16px;
}
.full-grid-width {