adjust start options styling

This commit is contained in:
Bruno Windels 2020-04-03 17:32:09 +02:00
parent 37289bc832
commit 2cf55fb2a0

View file

@ -75,6 +75,7 @@ limitations under the License.
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
align-items: stretch; align-items: stretch;
justify-content: center;
> .mx_VerificationPanel_QRPhase_betweenText { > .mx_VerificationPanel_QRPhase_betweenText {
width: 50px; width: 50px;
@ -90,10 +91,12 @@ limitations under the License.
border-radius: 10px; border-radius: 10px;
flex: 1; flex: 1;
display: flex; display: flex;
padding: 10px; padding: 20px;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
max-width: 310px;
justify-content: space-between;
canvas, .mx_VerificationPanel_QRPhase_noQR { canvas, .mx_VerificationPanel_QRPhase_noQR {
width: 220px !important; width: 220px !important;
@ -106,19 +109,15 @@ limitations under the License.
} }
> p { > p {
margin-top: 0;
font-weight: 700; font-weight: 700;
} }
.mx_VerificationPanel_QRPhase_helpText { .mx_VerificationPanel_QRPhase_helpText {
font-size: 14px; font-size: 14px;
margin-top: 71px; margin: 30px 0;
text-align: center; text-align: center;
} }
.mx_AccessibleButton {
position: absolute;
bottom: 30px;
}
} }
} }