From 48a6e7d3d3ede4d50df5773bbd01d9167210b3a3 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 (cherry picked from commit 509e828fc7309ac3cb4bba6c56bf2e4ef34b3b4a) Signed-off-by: Jacob O'Mara --- 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