login / recover password forms: make CSS responsive

This commit is contained in:
Benjamin Renard 2020-06-04 18:37:43 +02:00
parent 030b1c45f9
commit 84b14c0e5b
2 changed files with 70 additions and 0 deletions

View file

@ -65,3 +65,38 @@ a.LSsession_recoverPassword {
.LSsession_recoverPassword_hidden { .LSsession_recoverPassword_hidden {
visibility: hidden; visibility: hidden;
} }
@media (max-width: 30em) {
body {
margin: 0;
}
#loginform_logo {
margin: 1em;
}
div.loginform {
width: 98vw;
max-width: none;
padding: 1vw;
box-sizing: border-box;
margin: 1vw;
text-align: center;
}
.loginform dt {
position: initial;
width: 100%;
}
.loginform dd {
margin-left: 0;
margin-bottom: 0.5em;
width: 100%;
}
a.LSsession_recoverPassword {
float: none;
display: block;
}
}

View file

@ -58,3 +58,38 @@ dl.recoverpasswordform {
color: #4096b8; color: #4096b8;
font-weight: bold; font-weight: bold;
} }
@media (max-width: 30em) {
body {
margin: 0;
}
div.recoverpasswordform {
width: 98vw;
max-width: none;
padding: 1vw;
box-sizing: border-box;
margin: 1vw;
text-align: center;
}
#recoverpasswordform_logo {
margin: 1em;
}
.recoverpasswordform dt {
position: initial;
width: 100%;
}
.recoverpasswordform dd {
margin-left: 0;
margin-bottom: 0.5em;
width: 100%;
}
#recoverpassword_back {
float: none;
display: block;
}
}