MM-62498 - Adding control-label ellipsis (#29830)

* MM-61205 - Adding control-label ellipsis

* updating css

* updating form-group

webapp/channels/src/sass/components/_forms.scss

@@ -18,6 +18,25 @@
     }
 }
 
+.form-group {
+    max-width: 100%;
+
+    .control-label {
+        overflow: hidden;
+        padding-right: 5px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    &.form-group--small {
+        margin-bottom: 10px;
+    }
+
+    &.pos-rel {
+        position: relative;
+    }
+}
+
 .form-control {
     ::placeholder {
         color: inherit;
@@ -91,14 +110,6 @@
     font-size: 0.95em;
 }
 
-.form-group {
-    max-width: 100%;
-
-    &.form-group--small {
-        margin-bottom: 10px;
-    }
-}
-
 .has-error {
 
     .help-block,