prevent ugly overlap on small screens

This commit is contained in:
Koen Lageveen 2017-07-30 12:19:39 +02:00
parent 13895b4ba9
commit 673583b51c
1 changed files with 4 additions and 1 deletions

View File

@ -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;
} }