User Wizard Mobile Styling Fixes

This commit is contained in:
balumahendran 2022-08-22 15:27:45 +05:30 committed by Clemente Raposo
parent b618b50692
commit 63441b34d2
2 changed files with 75 additions and 2 deletions

View file

@ -29,7 +29,7 @@
padding-right: 1.5em;
}
.img-desc {
line-height: 16px;
line-height: 16px;
}
}
.personal {
@ -81,4 +81,77 @@
width: 100%;
}
}
}
@media (min-width:750px) and (max-width:768px) {
.user-wizard {
.welcome {
background-size: cover;
.panel {
margin-top: 9em;
}
}
.personal {
.container-personal {
margin-top: 4em;
}
}
#locale {
margin-top: 3em;
}
.wizard-finish {
margin-top: 3em;
}
.img-desc {
line-height: 15px;
}
}
}
@media (min-width:768px) and (max-width:768px) {
.user-wizard {
.welcome {
background-size: cover;
.panel {
margin-top: 5em;
}
}
.personal {
.container-personal {
margin-top: 0em;
}
}
#locale {
margin-top: 0em;
}
.wizard-finish {
margin-top: 0em;
}
.img-desc {
line-height: 20px;
}
}
}
@media (max-width:750px) {
.user-wizard {
.welcome {
.panel {
margin-top: 5em;
}
}
.personal {
.container-personal {
margin-top: 0em;
}
}
#locale {
margin-top: 0em;
}
.wizard-finish {
margin-top: 0em;
}
}
}

View file

@ -183,6 +183,6 @@
}
}
.img-desc {
line-height: 10px;
line-height: 20px;
}
}