From e5224c40138f06495b2ca4b2ac4763f45e50ae20 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 --- 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.30.2