diff --git a/src/public/app/widgets/switch.js b/src/public/app/widgets/switch.js index 9a74b67bc..e9983d5e3 100644 --- a/src/public/app/widgets/switch.js +++ b/src/public/app/widgets/switch.js @@ -22,6 +22,7 @@ const TPL = ` .switch-widget .switch-button { display: block; position: relative; + margin-left: 8px; width: var(--switch-track-width); height: var(--switch-track-height); border-radius: 24px; @@ -60,7 +61,7 @@ const TPL = ` background 100ms ease-in; } - .switch-widget > .switch-button > input[type="checkbox"] { + .switch-widget .switch-button > input[type="checkbox"] { position: absolute: top: 0; left: 0; @@ -70,7 +71,7 @@ const TPL = ` cursor: pointer; } - .switch-widget > .switch-button:has(input[type="checkbox"]:focus-visible) { + .switch-widget .switch-button:has(input[type="checkbox"]:focus-visible) { outline: 2px solid var(--button-border-color); outline-offset: 2px; } @@ -81,23 +82,31 @@ const TPL = ` } .switch-widget .switch-help-button { - font-weight: 900; border: 0; + margin-left: 4px; background: none; cursor: pointer; + font-size: 1.1em; + color: var(--muted-text-color); + } + + .switch-widget .switch-help-button:hover { color: var(--main-text-color); }
- `; export default class SwitchWidget extends NoteContextAwareWidget {