From 509e828fc7309ac3cb4bba6c56bf2e4ef34b3b4a 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 Signed-off-by: Kyle M Hall Signed-off-by: Tomas Cohen Arazi --- 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 3797b5b6c7..a11a5a64a9 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss @@ -85,6 +85,7 @@ a.navbar-toggle { border: 0; border-bottom-width: 0; padding-bottom: 0; + list-style-type: none; margin: 0; a { @@ -191,7 +192,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; @@ -199,7 +201,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.39.5