From 76cf6faa6030b7f90830b7682f287273e8375965 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=UTF-8 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 --- 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 6fc7358..ef61c57 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less +++ b/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less @@ -121,7 +121,9 @@ select, .librarypulldown .transl1, .input-append { + box-sizing: border-box; display: block; + height: 120%; width : 97%; max-width: 100%; margin : .5em 0; @@ -469,4 +471,4 @@ #ulactioncontainer { min-width : 0; } -} \ No newline at end of file +} -- 2.1.4