Set flex to buttons on NewRoomIntro with gap around them (#8146)

* Set flex to buttons on NewRoomIntro with gap around them Closes element-hq/element-web#21553 Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * empty commit
matrix-org · Mar 24, 2022 · f229ad6 · f229ad6
1 parent 56569db
commit f229ad6
Showing 1 changed file with 3 additions and 4 deletions.
diff --git 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;