diff --git a/edit/edit.css b/edit/edit.css index 02c1eaf7..04756c39 100644 --- a/edit/edit.css +++ b/edit/edit.css @@ -729,6 +729,9 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high } /************ help popup ************/ #help-popup { + --pad-x: 1.5rem; + --pad-y: 1rem; + --pad-y2: calc(var(--pad-y) / 1.5); top: 3rem; right: 3rem; max-width: 50vw; @@ -736,7 +739,7 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high display: none; background-color: white; box-shadow: 3px 3px 30px rgba(0, 0, 0, 0.5); - padding: 0.5rem; + padding: var(--pad-y) var(--pad-x) 0; z-index: 99; } #help-popup.big, @@ -754,17 +757,19 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high #help-popup .title { font-weight: bold; background-color: rgba(0,0,0,0.05); - margin: -0.5rem -0.5rem 0.5rem; - padding: .5rem 32px .5rem .5rem; + margin: calc(-1 * var(--pad-y)) calc(-1 * var(--pad-x)) 0; + padding: var(--pad-y2) var(--pad-x); } #help-popup .contents { max-height: calc(100vh - 8rem); overflow-y: auto; + padding: var(--pad-y) 0; } #help-popup .dismiss { position: absolute; - right: 4px; - top: .5em; + right: 0; + top: 0; + padding: var(--pad-y2) .5em; } #help-popup input[type="search"], #help-popup .CodeMirror { @@ -795,7 +800,7 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high display: flex; justify-content: center; align-items: center; - margin-top: .75em; + margin: var(--pad-y2) 0 calc(var(--pad-y2) - var(--pad-y)) 0; } .non-windows #help-popup .buttons { direction: rtl; diff --git a/edit/settings.css b/edit/settings.css index 242b74fd..2b215c73 100644 --- a/edit/settings.css +++ b/edit/settings.css @@ -2,10 +2,16 @@ width: 90%; } .style-settings { - padding: 0.7rem 1.7rem; + padding: 0; border: 0; margin: 0; } +.style-settings > :first-child { + margin-top: 0; +} +.style-settings > :last-child { + margin-bottom: 0; +} .form-group { display: block; margin: .6em 0;