From 62386b19a31e5e73be9bd21c36619287a8b1914b 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. --- 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 e912ab659e..2d5ea0a10b 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.20.1