[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/readme/DESCRIPTION.rst

@@ -10,6 +10,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:: ../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/scss/web_responsive.scss

@@ -537,6 +537,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 {

web_responsive/views/assets.xml

@@ -12,16 +12,19 @@
     >
         <xpath expr="//link[last()]" position="after">
             <link
+                type="text/css"
                 rel="stylesheet"
-                href="/web_responsive/static/src/css/web_responsive.scss"
+                href="/web_responsive/static/src/scss/web_responsive.scss"
             />
             <link
+                type="text/css"
                 rel="stylesheet"
-                href="/web_responsive/static/src/css/search_view_mobile.scss"
+                href="/web_responsive/static/src/scss/search_view_mobile.scss"
             />
             <link
+                type="text/css"
                 rel="stylesheet"
-                href="/web_responsive/static/src/css/kanban_view_mobile.scss"
+                href="/web_responsive/static/src/scss/kanban_view_mobile.scss"
             />
         </xpath>
         <xpath expr="//script[last()]" position="after">