diff options
| author | Darius Kazemi <darius@meedan.com> | 2022-12-28 01:21:10 -0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-12-28 10:21:10 +0100 |
| commit | ef4d29c8791086b11f6e36aa121ff5c9b5fa0103 (patch) | |
| tree | e68e3cbb354d167d9f3343ea0b233193cec0b652 /app/javascript/styles/mastodon/admin.scss | |
| parent | 536d55c6ad7f496cc54c66ca9a7f91fcea020f84 (diff) | |
Replace flex styling with sensible layout rules (#22803)
The old styling would cause multiple admin header buttons in a flex container to overflow the page on mobile. This new styling uses `flex-flow: wrap` along with a gap, which gets rid of the awkward `:not(:first-child)` pseudoselector and makes multiple buttons in a row flow nicely.
Diffstat (limited to 'app/javascript/styles/mastodon/admin.scss')
| -rw-r--r-- | app/javascript/styles/mastodon/admin.scss | 6 |
1 files changed, 2 insertions, 4 deletions
diff --git a/app/javascript/styles/mastodon/admin.scss b/app/javascript/styles/mastodon/admin.scss index ba64fde09..4a73a7d23 100644 --- a/app/javascript/styles/mastodon/admin.scss +++ b/app/javascript/styles/mastodon/admin.scss @@ -254,10 +254,8 @@ $content-width: 840px; &__actions { display: inline-flex; - - & > :not(:first-child) { - margin-left: 5px; - } + flex-flow: wrap; + gap: 5px; } h2 small { |