[IMP] web_responsive: Adapt label width

web_responsive/README.rst

@@ -37,6 +37,12 @@ Features for all devices:
 
   .. image:: https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif
 
+* Increase the size of the labels in extra large screens
+
+  .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_small.png
+
+  .. image:: https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_large.png
+
 Features for mobile:
 
 * App-specific submenus are shown on full screen when toggling them from the

web_responsive/__manifest__.py

@@ -20,12 +20,12 @@
     "assets": {
         "web.assets_frontend": [
             "/web_responsive/static/src/legacy/js/website_apps_menu.js",
-            "/web_responsive/static/src/legacy/css/website_apps_menu.scss",
+            "/web_responsive/static/src/legacy/scss/website_apps_menu.scss",
         ],
         "web.assets_backend": [
-            "/web_responsive/static/src/legacy/css/web_responsive.scss",
+            "/web_responsive/static/src/legacy/scss/web_responsive.scss",
             "/web_responsive/static/src/legacy/js/web_responsive.js",
-            "/web_responsive/static/src/legacy/css/kanban_view_mobile.scss",
+            "/web_responsive/static/src/legacy/scss/kanban_view_mobile.scss",
             "/web_responsive/static/src/legacy/js/kanban_renderer_mobile.js",
             "/web_responsive/static/src/components/ui_context.esm.js",
             "/web_responsive/static/src/components/apps_menu/apps_menu.scss",

web_responsive/readme/DESCRIPTION.rst

@@ -22,6 +22,12 @@ This module adds responsiveness to web backend.
 
   .. image:: ../static/img/listview.gif
 
+* Increase the size of the labels in extra large screens
+
+  .. image:: ../static/img/label_size_small.png
+
+  .. image:: ../static/img/label_size_large.png
+
 **Features for mobile**:
 
 * App-specific submenus are shown on full screen when toggling them from the

web_responsive/static/description/index.html

@@ -377,6 +377,10 @@ ul.auto-toc {
 <li><p class="first">Quick menu search from the app drawer</p>
 <img alt="https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif" src="https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif" />
 </li>
+<li><p class="first">Increase the size of the labels in extra large screens</p>
+<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_small.png" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_small.png" />
+<img alt="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_large.png" src="https://raw.githubusercontent.com/OCA/web/14.0/web_responsive/static/img/label_size_large.png" />
+</li>
 </ul>
 <p>Features for mobile:</p>
 <ul>

web_responsive/static/src/legacy/scss/web_responsive.scss

@@ -81,6 +81,39 @@ html .o_web_client .o_action_manager .o_action {
     }
 }
 
+// Size of labels
+.o_web_client {
+    &.o_chatter_position_sided {
+        .o_content,
+        .modal-content {
+            @include media-breakpoint-up(xl, $o-extra-grid-breakpoints) {
+                .o_inner_group {
+                    .o_td_label {
+                        min-width: 260px !important;
+                    }
+                }
+            }
+            @include media-breakpoint-between(lg, xl, $o-extra-grid-breakpoints) {
+                .o_group_col_6 {
+                    width: 100% !important;
+                }
+            }
+        }
+    }
+    &:not(.o_chatter_position_sided) {
+        @include media-breakpoint-up(lg, $o-extra-grid-breakpoints) {
+            .o_content,
+            .modal-content {
+                .o_inner_group {
+                    .o_td_label {
+                        min-width: 260px !important;
+                    }
+                }
+            }
+        }
+    }
+}
+
 // Normal views
 .o_content,
 .modal-content {