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
pull/21833/head
Suguru Hirahara 2022-03-24 19:51:52 +00:00 committed by GitHub
parent 56569dbb63
commit f229ad6407
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 4 deletions

View File

@ -29,15 +29,14 @@ limitations under the License.
.mx_NewRoomIntro_buttons { .mx_NewRoomIntro_buttons {
margin-top: 28px; margin-top: 28px;
display: flex;
flex-flow: wrap;
gap: 14px 12px;
.mx_AccessibleButton { .mx_AccessibleButton {
line-height: $font-24px; line-height: $font-24px;
display: inline-block; display: inline-block;
& + .mx_AccessibleButton {
margin-left: 12px;
}
&:not(.mx_AccessibleButton_kind_primary_outline)::before { &:not(.mx_AccessibleButton_kind_primary_outline)::before {
content: ''; content: '';
display: inline-block; display: inline-block;