From f9911ec5ffd945da3d6da71ea975a9726f1ba38e Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
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 <veron@veron.ch>

Signed-off-by: Nick Clemens <nick@bywatersolutions.com>

Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
(cherry picked from commit e94709cd7efaf3151ef1bde9278bc063a6ddcac1)
Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
(cherry picked from commit 7ebca34861cb71ef17b6fd7f6cba7e7921a564da)
Signed-off-by: Julian Maurice <julian.maurice@biblibre.com>
---
 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.39.5