diff options
Diffstat (limited to 'web/source')
| -rw-r--r-- | web/source/css/base.css | 73 |
1 files changed, 40 insertions, 33 deletions
diff --git a/web/source/css/base.css b/web/source/css/base.css index 54754ff8c..ae9724661 100644 --- a/web/source/css/base.css +++ b/web/source/css/base.css @@ -407,30 +407,27 @@ pre, pre[class*="language-"] { } } -/*********************************** -***** SECTION 4: SHAMEFUL MESS ***** -************************************/ - -/* - EVERYTHING BELOW THIS POINT: - Should be moved somewhere else - to avoid cluttering up this file. -*/ - /* - Below section stylings are used - in transient/error templates. + Forms and sign-in / sign-up / confirm pages. */ -section.sign-in { +section.with-form { form { display: flex; flex-direction: column; gap: 1rem; - padding-bottom: 1rem; padding-top: 1rem; + p { + /* + We use gap so we don't + need top + bottom margins. + */ + margin-top: 0; + margin-bottom: 0; + } + label, input { padding-left: 0.2rem; } @@ -441,12 +438,41 @@ section.sign-in { gap: 0.4rem; } + .checkbox { + display: flex; + flex-direction: row-reverse; + gap: 0.4rem; + + & > input { + height: 100%; + width: 5%; + min-width: 1.2rem; + align-self: center; + } + } + .btn { + /* Visually separate buttons a bit */ margin-top: 1rem; } } } +/*********************************** +***** SECTION 4: SHAMEFUL MESS ***** +************************************/ + +/* + EVERYTHING BELOW THIS POINT: + Should be moved somewhere else + to avoid cluttering up this file. +*/ + +/* + Below section stylings are used + in transient pages + error templates. +*/ + section.error { word-break: break-word; margin-bottom: 0.5rem; @@ -471,25 +497,6 @@ section.oob-token { } /* - TODO: This is only used in the "finalize" - template for new signups; move this elsewhere - when that stuff is finished up. -*/ -.callout { - margin: 1.5rem 0; - border: .05rem solid $border-accent; - border-radius: .2rem; - padding: 0 .6rem .6rem; - .callout-title { - margin: 0 -.6rem; - padding: .6rem; - font-weight: bold; - background-color: $border-accent; - color: $gray1; - } -} - -/* TODO: list and blocklist are only used in settings panel and on blocklist page; consider moving them somewhere else. |