Improve dismissable banner buttons when they dont fit on 1 line (#25580)

Co-authored-by: Claire <claire.github-309c@sitedethib.com>
2023-06-26 12:31:48 +02:00
parent ed96e28c9e
commit ae30a60b1f
2 changed files with 17 additions and 6 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -8768,9 +8768,18 @@ noscript {

    &__actions {
      display: flex;
-      align-items: center;
+      flex-wrap: wrap;
      gap: 4px;
-      margin-top: 30px;
+
+      &__wrapper {
+        display: flex;
+        margin-top: 30px;
+      }
+
+      .button {
+        display: block;
+        flex-grow: 1;
+      }
    }

    .button-tertiary {