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.
This commit is contained in:
parent
536d55c6ad
commit
ef4d29c879
|
@ -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…
Reference in New Issue