From e94709cd7efaf3151ef1bde9278bc063a6ddcac1 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Sat, 29 Apr 2017 17:45:48 +0000 Subject: [PATCH] Bug 17936 - Search bar not aligned on right in small screen sizes MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit This patch tweaks the OPAC's CSS so that the main search form's fields have consistent width at small screen sizes. To test, apply the patch and process the LESS files. View the OPAC main page at a very narrow browser width and confirm that the text field width matches that of the dropdown and button. Signed-off-by: Marc Véron Signed-off-by: Nick Clemens Signed-off-by: Kyle M Hall --- koha-tmpl/opac-tmpl/bootstrap/less/responsive.less | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less b/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less index 2ef2168455..2df6bf56a7 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less +++ b/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less @@ -124,7 +124,9 @@ select, .librarypulldown .transl1, .input-append { + box-sizing: border-box; display: block; + height: 120%; width : 97%; max-width: 100%; margin : .5em 0; @@ -478,4 +480,4 @@ #ulactioncontainer { min-width : 0; } -} \ No newline at end of file +} -- 2.20.1