From 378c02c7a2115bdd649df0316b02d029fa1820ef Mon Sep 17 00:00:00 2001
From: Jairo Llopis <jairo.llopis@tecnativa.com>
Date: Mon, 27 Jan 2020 12:02:26 +0000
Subject: [PATCH] [FIX] web_responsive: usable search buttons in md screens

When the screen wasn't small enough to trigger mobile mode but wasn't big enough to display properly search buttons, those got awkward.

@Tecnativa TT21728
---
 .../static/src/css/web_responsive.scss        | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/web_responsive/static/src/css/web_responsive.scss b/web_responsive/static/src/css/web_responsive.scss
index 1fe766e8d..ab1a4c3e5 100644
--- a/web_responsive/static/src/css/web_responsive.scss
+++ b/web_responsive/static/src/css/web_responsive.scss
@@ -232,6 +232,29 @@ html .o_web_client .o_main .o_main_content {
 }
 
 // Control panel (breadcrumbs, search box, buttons...)
+.o_search_options {
+    flex-grow: 1;
+
+    > div {
+        width: 100%;
+
+
+        > .btn-group {
+            max-width: 33%;
+
+            .o_dropdown_toggler_btn {
+                max-width: 100%;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+        }
+    }
+}
+
+.o_pager_counter {
+    white-space: nowrap;
+}
+
 @include media-breakpoint-down(sm) {
     .o_control_panel {
         // Arrange buttons to use space better