From 802a9ffe03551db43e9e57c9e33b2cca50888001 Mon Sep 17 00:00:00 2001
From: brian teeman <brian@teeman.net>
Date: Tue, 25 Aug 2020 10:46:38 +0100
Subject: [PATCH] [4.0] Long labels wrapping

When we have fields displayed in columns with the label displayed above the input there is a width limit of 240px on the label.

This results in long labels wrapping when it is not needed as the column is wider than 240px.

In english we dont see this is many places but the easiest is in the __configure edit screen_  fields

This simple PR changes the label width to 100% when the fields are displayed in columns like this.

As this is an scss change you will need to `node build.js --compile-css` in order to test

### Before

### After
---
 administrator/templates/atum/scss/blocks/_utilities.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/administrator/templates/atum/scss/blocks/_utilities.scss b/administrator/templates/atum/scss/blocks/_utilities.scss
index 4279e43ab530c..7ab8311c41c76 100644
--- a/administrator/templates/atum/scss/blocks/_utilities.scss
+++ b/administrator/templates/atum/scss/blocks/_utilities.scss
@@ -41,6 +41,10 @@
     &.hidden {
       display: none;
     }
+
+    .control-label {
+      width: 100%;
+    }
   }
 
   .form-no-columns & {