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

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