LSform: fix/improve responsive view

This commit is contained in:
Benjamin Renard 2020-06-04 12:41:16 +02:00
parent f0729a991b
commit 78b18a5729

View file

@ -175,9 +175,19 @@ p.LSform_listAvailableDataEntryForm {
width: 34vw; width: 34vw;
} }
.LSform input[type=text], .LSform input[type=password], .LSform select, .LSform textarea { dd.LSform {
margin-left: 34vw;
}
.LSform input[type=text], .LSform input[type=password], .LSform select, .LSform textarea, .LSform input[type=file] {
width: 40vw; width: 40vw;
} }
.LSform input[type=submit].LSform {
width: 40vw;
margin-left: 3px;
box-sizing: border-box;
}
} }
@media (max-width: 400px) { @media (max-width: 400px) {
@ -192,7 +202,12 @@ p.LSform_listAvailableDataEntryForm {
width: 100%; width: 100%;
} }
.LSform input[type=text], .LSform input[type=password], .LSform select, .LSform textarea { .LSform input[type=text], .LSform input[type=password], .LSform select, .LSform textarea, .LSform input[type=file] {
width: calc(100% - 1em); width: calc(100% - 1em);
} }
.LSform input[type=submit].LSform {
width: 50%;
margin-left: calc(25% - 0.5em);
}
} }