diff options
Diffstat (limited to 'web/source/settings/style.css')
-rw-r--r-- | web/source/settings/style.css | 106 |
1 files changed, 72 insertions, 34 deletions
diff --git a/web/source/settings/style.css b/web/source/settings/style.css index 01263c224..b73978e33 100644 --- a/web/source/settings/style.css +++ b/web/source/settings/style.css @@ -60,7 +60,6 @@ ul li::before { & > form { display: flex; flex-direction: column; - gap: 0.5rem; margin: 1rem 0; h1, h2, h3, h4, h5 { @@ -1192,47 +1191,47 @@ button.with-padding { margin-bottom: 0; } - .info-list { - border: 0.1rem solid $gray1; + .action-buttons { display: flex; - flex-direction: column; + gap: 0.5rem; + align-items: center; + } +} - .info-list-entry { - background: $list-entry-bg; - border: 0.1rem solid transparent; - padding: 0.25rem; +.info-list { + border: 0.1rem solid $gray1; + display: flex; + flex-direction: column; - &:nth-child(even) { - background: $list-entry-alternate-bg; - } + .info-list-entry { + background: $list-entry-bg; + border: 0.1rem solid transparent; + padding: 0.25rem; - display: grid; - grid-template-columns: max(20%, 10rem) 1fr; - - dt { - font-weight: bold; - } + &:nth-child(even) { + background: $list-entry-alternate-bg; + } - dd { - word-break: break-word; - } + display: grid; + grid-template-columns: max(20%, 10rem) 1fr; + + dt { + font-weight: bold; + } - dt, dd { - /* - Make sure any fa icons used in keys - or values are properly aligned. - */ - .fa { - vertical-align: middle; - } - } + dd { + word-break: break-word; } - } - .action-buttons { - display: flex; - gap: 0.5rem; - align-items: center; + dt, dd { + /* + Make sure any fa icons used in keys + or values are properly aligned. + */ + .fa { + vertical-align: middle; + } + } } } @@ -1287,6 +1286,45 @@ button.with-padding { } } +.http-header-permissions { + .list { + /* + Space this page out a bit, it + looks too tight otherwise. + */ + margin: 1rem 0; + + /* + Visually separate the key + value for + each entry, and show the value in + reasonably-sized monospace font. + */ + .entries > .entry { + display: grid; + grid-template-columns: max(20%, 10rem) 1fr; + + dt { + font-weight: bold; + } + + dd { + font-family: monospace; + font-size: large; + } + } + } +} + +.http-header-permission-details { + .info-list { + margin-top: 1rem; + + > .info-list-entry > .monospace { + font-size: large; + } + } +} + @media screen and (orientation: portrait) { .reports .report .byline { grid-template-columns: 1fr; |