[FIX] web: form settings fields width on mobile

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

@@ -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;
+    }
 }

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"/>

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 {

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;
                }
            }