Better behavior on narrow screens

On media (screens) narrower than 420 pixels, the toolbar buttons
are hidden. Before this change, when made visible they were laid out
in two rows. This change places them in a single row and provides
some vertical spacing from the search-box.
This commit is contained in:
Veloman Yunkan 2023-11-15 16:08:41 +04:00
parent a74df86fcf
commit e1cf16ddea
1 changed files with 5 additions and 2 deletions

View File

@ -51,9 +51,8 @@
display: none;
}
#kiwix_button_show_toggle:checked~label~.kiwix_button_cont,
#kiwix_button_show_toggle:checked~label~.kiwix_button_cont>a {
display: block;
display: inline-block;
}
#kiwix_button_show_toggle:not(:checked)~label~.kiwix_button_cont {
@ -183,4 +182,8 @@ a.suggest, a.suggest:visited, a.suggest:hover, a.suggest:active {
.kiwix_searchform {
width: 80%;
}
.kiwix_button_cont {
padding-top: 5px;
}
}