diff options
| author | Sasha Sorokin <dafri.nochiterov8@gmail.com> | 2019-12-17 05:55:16 +0700 |
|---|---|---|
| committer | Thibaut Girka <thib@sitedethib.com> | 2019-12-19 14:37:12 +0100 |
| commit | 7d2b1dc094cb5ae03c20b1f011410e059ec16603 (patch) | |
| tree | 6bfedf1544033eaa7bad4af012e73a806649f620 /app/javascript | |
| parent | ab5ff638f2968e3f434e504c7caab370bf71c9c0 (diff) | |
[Glitch] Improve report page structure
Port 34aa5c7cb2090bf9d995eafdfbf5f9bd01336491 to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
Diffstat (limited to 'app/javascript')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/admin.scss | 31 |
1 files changed, 26 insertions, 5 deletions
diff --git a/app/javascript/flavours/glitch/styles/admin.scss b/app/javascript/flavours/glitch/styles/admin.scss index 1d25d0129..d2f477d19 100644 --- a/app/javascript/flavours/glitch/styles/admin.scss +++ b/app/javascript/flavours/glitch/styles/admin.scss @@ -181,18 +181,39 @@ $content-width: 840px; padding-top: 30px; } - h2 { - color: $secondary-text-color; - font-size: 24px; - line-height: 28px; - font-weight: 400; + &-heading { + display: flex; + padding-bottom: 40px; border-bottom: 1px solid lighten($ui-base-color, 8%); margin-bottom: 40px; + flex-wrap: wrap; + align-items: center; + + justify-content: space-between; + + &-actions { + display: inline-flex; + + & > * { + margin-left: 5px; + } + } + @media screen and (max-width: $no-columns-breakpoint) { border-bottom: 0; padding-bottom: 0; + } + } + + h2 { + color: $secondary-text-color; + font-size: 24px; + line-height: 28px; + font-weight: 400; + + @media screen and (max-width: $no-columns-breakpoint) { font-weight: 700; } } |