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

Author: luixxiul

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;