[THEME] Fix the display of the letter page

This commit is contained in:
Gregory Trolliet 2021-10-31 12:36:56 +01:00
parent f4866f9050
commit 9da2a99bc9
1 changed files with 13 additions and 3 deletions

View File

@ -410,20 +410,30 @@ a.not(.anchor):focus {
} }
#letter-choice>p, #letter-choice>p,
#letter-form>label { #letter-form>label {
display: inline-block; display: block;
min-width: 10em;
} }
#letter-choice input:first-of-type { #letter-choice input:first-of-type {
margin-top: 0; margin-top: 0;
} }
#letter-form input[type="text"] { #letter-form input[type="text"] {
height: 2em; height: 2em;
width: 20em; width: 100%;
max-width: 100%; max-width: 100%;
} }
#letter-form #submit { #letter-form #submit {
padding: 0.5em 0.8em; padding: 0.5em 0.8em;
} }
@media only screen and (min-width: 768px) {
#letter-form>label {
display: inline-block;
min-width: 16em;
}
#letter-form input[type="text"] {
height: 2em;
width: 24em;
}
}
/******************* Paginator *******************/ /******************* Paginator *******************/
.pagination { .pagination {
padding-left: 0; padding-left: 0;