From 237ab9f05ab0d0e6ab502d56b5bdfd9208bef7d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrien=20Dieudonn=C3=A9?= <adr@odoo.com>
Date: Wed, 1 Feb 2023 14:29:19 +0000
Subject: [PATCH] [FIX] web: form settings fields width on mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Before this commit, fields width didn't take all available space
on mobile.

Steps to reproduce:
- Go to website settings (for instance)
-> the width of the fields seems abnormally small

closes odoo/odoo#111934

X-original-commit: 49b3fed0ae9bbe43ea55ec5809f47a674a393e4d
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
---
 addons/web/static/src/views/fields/char/char_field.scss     | 6 ++++--
 .../views/fields/many2many_tags/many2many_tags_field.xml    | 2 +-
 addons/web/static/src/views/form/setting/setting.scss       | 4 +++-
 .../webclient/settings_form_view/settings_form_view.scss    | 4 +++-
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/addons/web/static/src/views/fields/char/char_field.scss b/addons/web/static/src/views/fields/char/char_field.scss
index c386450e1df..9b5327ef57e 100644
--- a/addons/web/static/src/views/fields/char/char_field.scss
+++ b/addons/web/static/src/views/fields/char/char_field.scss
@@ -1,5 +1,7 @@
 // Heading element normally takes the full width of the parent,
 // so the char_field wrapper should take the same width.
-.o_field_char {
-    width: inherit;
+@include media-breakpoint-up(md) {
+    .o_field_char {
+        width: inherit;
+    }
 }
diff --git a/addons/web/static/src/views/fields/many2many_tags/many2many_tags_field.xml b/addons/web/static/src/views/fields/many2many_tags/many2many_tags_field.xml
index 9b55eb1556c..736e7c2ad98 100644
--- a/addons/web/static/src/views/fields/many2many_tags/many2many_tags_field.xml
+++ b/addons/web/static/src/views/fields/many2many_tags/many2many_tags_field.xml
@@ -3,7 +3,7 @@
 
     <t t-name="web.Many2ManyTagsField" owl="1">
         <div
-            class="o_field_tags d-inline-flex flex-wrap mw-100"
+            class="o_field_tags d-inline-flex flex-wrap"
             t-att-class="{'o_tags_input o_input': !props.readonly}"
         >
             <TagsList tags="tags"/>
diff --git a/addons/web/static/src/views/form/setting/setting.scss b/addons/web/static/src/views/form/setting/setting.scss
index b5b32b98589..8b81c039dcc 100644
--- a/addons/web/static/src/views/form/setting/setting.scss
+++ b/addons/web/static/src/views/form/setting/setting.scss
@@ -23,7 +23,9 @@
     }
 
     .o_field_widget {
-       width: 50%;
+      @include media-breakpoint-up(md) {
+          width: 50%;
+      }
        flex: 0 0 auto;
 
        &.o_field_many2manytags > .o_field_widget {
diff --git a/addons/web/static/src/webclient/settings_form_view/settings_form_view.scss b/addons/web/static/src/webclient/settings_form_view/settings_form_view.scss
index 9d0aac47ff1..c6382ae9232 100644
--- a/addons/web/static/src/webclient/settings_form_view/settings_form_view.scss
+++ b/addons/web/static/src/webclient/settings_form_view/settings_form_view.scss
@@ -124,7 +124,9 @@
 
                .o_settings_container {
                    max-width: map-get($grid-breakpoints, lg); // Provide a maximum container size to ensure readability
-                   @include o-base-settings-horizontal-padding(0);
+                   @include media-breakpoint-up(md) {
+                        @include o-base-settings-horizontal-padding(0);
+                   }
                    margin-bottom: 24px;
                }
            }