[IMP] web_responsive: Adapt label width

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 {