[THEME] Fix the display of the letter page
This commit is contained in:
parent
f4866f9050
commit
9da2a99bc9
1 changed files with 13 additions and 3 deletions
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue