From d9304572055aacc91c8918c18b51bd51718d740c Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Tue, 22 Nov 2022 11:50:32 +0000 Subject: [PATCH] Bug 32319: Give header search submit button more padding This patch tweaks the appearance of the header search submit button so that it has a little more spacing, making it an easier click target. The patch also gives the button a slightly different hover state in order to make it clearer that it's a button. To test, apply the patch and rebuild the staff interface CSS. View various pages in the staff interface to confirm that the header search bar looks good and works correctly at various screen sizes. Signed-off-by: Lucas Gass --- koha-tmpl/intranet-tmpl/prog/css/src/_header.scss | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss b/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss index e912ab659e5..2d5ea0a10ba 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss @@ -84,6 +84,7 @@ a.navbar-toggle { border: 0; border-bottom-width: 0; padding-bottom: 0; + list-style-type: none; margin: 0; a { @@ -190,7 +191,8 @@ a.navbar-toggle { } } - input[type="submit"], button[type="submit"] { + input[type="submit"], + button[type="submit"] { height: 31px; background-color: $background-color-secondary; color: white; @@ -198,7 +200,13 @@ a.navbar-toggle { text-shadow: unset; border-radius: 0 16px 16px 0; margin-left: -16px; - padding-left: calc(16px + .5em); + margin-right: 1em; + padding-left: calc( 16px + .7em ); + padding-right: .9em; + + &:hover { + background-color: lighten( $background-color-secondary, 5 ); + } } input[type="button"], button { -- 2.30.2