From e1cf16ddea3e5a0f020b14f996b0d1979429f68b Mon Sep 17 00:00:00 2001 From: Veloman Yunkan Date: Wed, 15 Nov 2023 16:08:41 +0400 Subject: [PATCH] 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. --- static/skin/taskbar.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/static/skin/taskbar.css b/static/skin/taskbar.css index be2722de..48678044 100644 --- a/static/skin/taskbar.css +++ b/static/skin/taskbar.css @@ -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; + } }