prevent ugly overlap on small screens
This commit is contained in:
parent
13895b4ba9
commit
673583b51c
|
@ -106,7 +106,7 @@ section.select-list .active .name {
|
||||||
section.select-list a.website {
|
section.select-list a.website {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
right: 20px;
|
right: 10px;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: all .2s ease-in-out;
|
transition: all .2s ease-in-out;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
|
@ -244,6 +244,9 @@ label[for="select-theme"] {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 56em) and (max-height: 36em) {
|
@media screen and (max-width: 56em) and (max-height: 36em) {
|
||||||
|
section.select-list a.website {
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
section.select-list .entry {
|
section.select-list .entry {
|
||||||
padding: 0 1em;
|
padding: 0 1em;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue