From f229ad64071461c0cfe85514d2de933856a24e53 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Thu, 24 Mar 2022 19:51:52 +0000
Subject: [PATCH] Set flex to buttons on NewRoomIntro with gap around them
 (#8146)

* Set flex to buttons on NewRoomIntro with gap around them

Closes https://github.com/vector-im/element-web/issues/21553

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* empty commit
---
 res/css/views/rooms/_NewRoomIntro.scss | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/res/css/views/rooms/_NewRoomIntro.scss b/res/css/views/rooms/_NewRoomIntro.scss
index 4770c84adc..e2a792e670 100644
--- a/res/css/views/rooms/_NewRoomIntro.scss
+++ b/res/css/views/rooms/_NewRoomIntro.scss
@@ -29,15 +29,14 @@ limitations under the License.
 
     .mx_NewRoomIntro_buttons {
         margin-top: 28px;
+        display: flex;
+        flex-flow: wrap;
+        gap: 14px 12px;
 
         .mx_AccessibleButton {
             line-height: $font-24px;
             display: inline-block;
 
-            & + .mx_AccessibleButton {
-                margin-left: 12px;
-            }
-
             &:not(.mx_AccessibleButton_kind_primary_outline)::before {
                 content: '';
                 display: inline-block;