Bug 16515 - Did you mean? links don't wrap on smaller screens

[koha.git] / koha-tmpl / opac-tmpl / bootstrap / less / responsive.less

diff --git a/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less b/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less
index 6fc7358..2ef2168 100644 (file)
--- a/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less
+++ b/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less
@@ -41,6 +41,9 @@
     .input-fluid {
         width : 75%;
     }
+    .searchsuggestion {
+        display: block;
+    }
 }
 /* Override Bootstrap Responsive CSS fixed navbar */
 @media (max-width: 979px) {
@@ -421,6 +424,12 @@
             padding: 1em 0 1em 0;
         }
     }
+    #didyoumean {
+        margin: 0;
+    }
+    .searchsuggestion {
+        white-space: nowrap;
+    }
 }
 
 @media only screen and (min-width: 768px) and (max-width: 984px) {