form label CSS fix

frontend/less/espo/custom.less

@@ -119,25 +119,7 @@ img.image-preview {
     padding-right: var(--26px);
 }
 
-.form-group.hidden-cell {
-    margin-bottom: 0;
-}
 
-.hidden-cell div.field {
-    display: none !important;
-}
-
-.hidden-cell label.control-label {
-    display: none !important;
-}
-
-.hidden-cell .inline-edit-link {
-    display: none !important;
-}
-
-.inline-edit-link + .control-label {
-    max-width: calc(100% - var(--15px));
-}
 
 .chevron-right {
     &::before {
@@ -400,44 +382,6 @@ div.list-expanded > ul > li > div.expanded-row {
         }
     }
 }
-.cell label,
-.filter label {
-    color: var(--text-muted-color);
-    font-weight: normal;
-}
-
-.cell > label,
-.filter label {
-    margin-bottom: var(--2px);
-}
-
-.cell.highlighted {
-    > label {
-        color: @state-warning-text;
-    }
-}
-
-.cell.transition {
-    > label {
-        -webkit-transition: color .5s ease;
-        -o-transition: color .5s ease;
-        transition: color .5s ease;
-    }
-}
-
-.cell .loading-value {
-    color: var(--text-muted-color);
-    user-select: none;
-
-    &:before {
-        content: "–";
-        display: inline;
-    }
-}
-
-.cell .none-value {
-    color: var(--text-gray-color);
-}
 
 .numeric-text {
     font-variant-numeric: tabular-nums;
@@ -3603,12 +3547,6 @@ table.table-admin-panel {
     margin-bottom: var(--12px);
 }
 
-@media screen and (min-width: @screen-md-min) {
-    .col-md-12.hidden-cell {
-        min-height: 0;
-    }
-}
-
 @media screen and (min-width: @screen-sm-min) {
     .search-container .view-mode-switcher-buttons-group {
         float: right;

frontend/less/espo/elements/form.less

@@ -510,6 +510,92 @@ input[type="radio"].form-radio {
     user-select: none;
 }
 
+.form-group.hidden-cell {
+    margin-bottom: 0;
+}
+
+.hidden-cell {
+    div.field {
+        display: none !important;
+    }
+
+    label.control-label {
+        display: none !important;
+    }
+
+    .inline-edit-link {
+        display: none !important;
+    }
+}
+
+@media screen and (min-width: @screen-md-min) {
+    .col-md-12.hidden-cell {
+        min-height: 0;
+    }
+}
+
+
+.cell label,
+.filter label {
+    color: var(--text-muted-color);
+    font-weight: normal;
+}
+
+.cell > label,
+.filter label {
+    margin-bottom: var(--2px);
+}
+
+.cell {
+    &:has(.inline-edit-link) {
+        .control-label {
+            max-width: calc(100% - var(--20px));
+        }
+
+        .inline-save-link + .inline-edit-link + .control-label {
+            max-width: calc(100% - var(--50px) - var(--15px));
+        }
+
+        .control-label {
+            float: left;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .control-label + .field {
+            clear: both;
+        }
+    }
+
+    &.transition {
+        > label {
+            -webkit-transition: color .5s ease;
+            -o-transition: color .5s ease;
+            transition: color .5s ease;
+        }
+    }
+
+    &.highlighted {
+        > label {
+            color: var(--state-warning-text);
+        }
+    }
+
+    .loading-value {
+        color: var(--text-muted-color);
+        user-select: none;
+
+        &:before {
+            content: "–";
+            display: inline;
+        }
+    }
+
+    .none-value {
+        color: var(--text-gray-color);
+    }
+}
+
 select.form-control.native-select {
     &, &::picker(select) {
         appearance: base-select;