From 0a0a6dbeffcaf66efd73f642e11b878d7ecd1f9f Mon Sep 17 00:00:00 2001
From: Jairo Llopis <yajo.sk8@gmail.com>
Date: Fri, 20 Jan 2017 11:45:53 +0100
Subject: [PATCH] [FIX][web_responsive] Form padding, titles and buttons OK in
 XS

Small makeup to make it look good in XS screens.
---
 web_responsive/static/src/less/form_view.less | 26 ++++++++++++++++---
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/web_responsive/static/src/less/form_view.less b/web_responsive/static/src/less/form_view.less
index cd6fee23..a5e31b14 100644
--- a/web_responsive/static/src/less/form_view.less
+++ b/web_responsive/static/src/less/form_view.less
@@ -2,11 +2,29 @@
  * License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */
 
 .o_form_view {
-    > .o_form_sheet_bg > .o_form_sheet {
-         @media (max-width: @screen-xs-max) {
-             min-width: 0px; // allow thinner form_sheet width for smaller screens
-         }
+    // Form must fill 100% width in any size
+    .o_form_sheet_bg {
+        padding: @sheet-padding;
+
+        .o_form_sheet {
+            min-width: auto;
+            max-width: 100%;
+        }
+
+        @media (max-width: @screen-sm-max) {
+            padding: 0;
+
+            .o_form_sheet {
+                border: none;
+            }
+        }
+    }
+
+    // No overflowing buttons or titles
+    .oe_button_box, .oe_title {
+        max-width: 100%;
     }
+
     @media (max-width: @screen-xs) {
         .o_form_field > .o_form_input_dropdown {
             width: 80%;