From ef4d29c8791086b11f6e36aa121ff5c9b5fa0103 Mon Sep 17 00:00:00 2001
From: Darius Kazemi <darius@meedan.com>
Date: Wed, 28 Dec 2022 01:21:10 -0800
Subject: [PATCH] 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.
---
app/javascript/styles/mastodon/admin.scss | 6 ++----
1 file changed, 2 insertions(+), 4 deletions(-)
diff --git a/app/javascript/styles/mastodon/admin.scss b/app/javascript/styles/mastodon/admin.scss
index ba64fde09b5..4a73a7d23b3 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 {