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.
th-downstream
Darius Kazemi 2 years ago committed by GitHub
parent 640210c251
commit 6d5592bfe4

@ -254,10 +254,8 @@ $content-width: 840px;
&__actions {
display: inline-flex;
& > :not(:first-child) {
margin-left: 5px;
}
flex-flow: wrap;
gap: 5px;
}
h2 small {

Loading…
Cancel
Save