diff --git a/edit/edit.css b/edit/edit.css index 9008a798..28011872 100644 --- a/edit/edit.css +++ b/edit/edit.css @@ -267,7 +267,7 @@ input:invalid { } #actions .buttons > * { - margin: 0 .2rem .5rem 0; + margin: 0 .25rem .5rem 0; } #options:not([open]) + #lint h2 { diff --git a/global.css b/global.css index 6f4613bc..e6c9229a 100644 --- a/global.css +++ b/global.css @@ -313,13 +313,25 @@ body.resizing-v > * { } .split-btn-pedal { margin-left: -1px !important; - padding-left: .2em !important; - padding-right: .2em !important; + padding-left: .25em !important; + padding-right: .25em !important; min-width: 0 !important; } .split-btn-pedal::after { - content: '\25BC'; /* down triangle */ - font-size: 90%; + --side: 4px; + content: ''; + border: var(--side) solid transparent; + display: inline-block; +} +.split-btn-pedal:not(.up)::after { + border-top: calc(var(--side) * 1.3) solid currentColor; + vertical-align: bottom; +} +.split-btn-pedal.up::after { + border-bottom: calc(var(--side) * 1.3) solid currentColor; + vertical-align: top; + position: relative; + top: 1px; } .split-btn-pedal.active { box-shadow: inset 0 0 100px rgba(0, 0, 0, .2); diff --git a/popup.html b/popup.html index b83df58f..c700be32 100644 --- a/popup.html +++ b/popup.html @@ -222,7 +222,7 @@