center the buttons

This commit is contained in:
ReznoRMichael 2021-07-26 20:38:59 +02:00
parent 546d5d5df5
commit d2906a20f1
3 changed files with 7 additions and 19 deletions

View file

@ -420,6 +420,7 @@ input[type="file"] {
.tab-switch-buttons { .tab-switch-buttons {
display: flex; display: flex;
flex-wrap: wrap;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -431,9 +432,7 @@ input[type="file"] {
} }
.button { .button {
display: flex; display: inline-flex;
flex-direction: row;
align-items: center;
width: max-content; width: max-content;
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -475,7 +474,7 @@ input[type="file"] {
@media screen and (max-width: 570px) { @media screen and (max-width: 570px) {
.centered { .centered {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: center;
} }
} }
@ -490,11 +489,6 @@ input[type="file"] {
justify-content: center; justify-content: center;
} }
.centered {
flex-direction: column;
align-items: flex-start;
}
.checkboxes { .checkboxes {
margin-top: 0.8rem; margin-top: 0.8rem;
} }

File diff suppressed because one or more lines are too long

View file

@ -312,6 +312,7 @@ input[type="file"] {
.tab-switch-buttons { .tab-switch-buttons {
display: flex; display: flex;
flex-wrap: wrap;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -323,9 +324,7 @@ input[type="file"] {
} }
.button { .button {
display: flex; display: inline-flex;
flex-direction: row;
align-items: center;
width: max-content; width: max-content;
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
@ -367,7 +366,7 @@ input[type="file"] {
@media screen and (max-width: 570px) { @media screen and (max-width: 570px) {
.centered { .centered {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: center;
} }
} }
@ -382,11 +381,6 @@ input[type="file"] {
justify-content: center; justify-content: center;
} }
.centered {
flex-direction: column;
align-items: flex-start;
}
.checkboxes { .checkboxes {
margin-top: 0.8rem; margin-top: 0.8rem;
} }