Revert "Release/2026 02 27 (pull request #3070)"

client/src/components/layout-form-row/layout-form-row.styles.scss

@@ -1,79 +1,20 @@
-/* layout-form-row.styles.scss */
-
-/**
- * Surface tokens (light/dark)
- * - --imex-form-surface: the main section background (circled area)
- * - --imex-form-surface-head: slightly different strip for the Card header
- * - --imex-form-surface-border: border color for the card
- *
- * Update the dark selector(s) to match whatever you use (body class, data-theme, etc).
- */
-
-:root {
-  --imex-form-surface: #fafafa; /* subtle contrast vs white page */
-  --imex-form-surface-head: #f5f5f5; /* header strip */
-  --imex-form-surface-border: #d9d9d9; /* matches AntD-ish border */
-}
-
-/* Pick the selector that matches your app and remove the rest */
-html[data-theme="dark"] {
-  --imex-form-surface: rgba(255, 255, 255, 0.01); /* subtle lift off page bg */
-  --imex-form-surface-head: rgba(255, 255, 255, 0.06); /* slightly stronger for header strip */
-  --imex-form-surface-border: rgba(5, 5, 5, 0.12);
-}
-
+//Override Antd Row margin to save space on forms.
 .imex-form-row {
-  width: 100%;
+  .ant-row {
+    margin-bottom: 0rem;
 
-  /* Match old Divider title typography */
-  .ant-card-head-title {
-    font-weight: 500;
-    font-size: var(--ant-font-size-lg);
-    line-height: 1.2; /* optional, makes it feel like a section header */
-  }
-
-  /* Make the whole section read as its own surface */
-  &.ant-card {
-    background: var(--imex-form-surface);
-    border-color: var(--imex-form-surface-border);
-  }
-
-  .ant-card-head {
-    background: var(--imex-form-surface-head);
-    border-bottom-color: var(--imex-form-surface-border);
-  }
-
-  .ant-card-body {
-    background: var(--imex-form-surface);
-  }
-
-  /* Optional: tighter spacing on phones for better space usage */
-  @media (max-width: 575px) {
-    .ant-card-head {
-      padding-inline: 12px;
-      padding-block: 12px;
+    .ant-form-item-label {
+      padding: 0rem;
     }
-    .ant-card-body {
-      padding: 12px;
-    }
-  }
 
-  /* Tablet optimization: slightly reduce padding */
-  @media (min-width: 576px) and (max-width: 991px) {
-    .ant-card-body {
-      padding: 14px;
-    }
-  }
-
-  /* Ensure form items use full column width */
-  .ant-col > * {
-    width: 100%;
-  }
-
-  /* Better form item spacing on mobile */
-  @media (max-width: 575px) {
-    .ant-form-item {
-      margin-bottom: 12px;
+    label {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: 100%;
+      display: inline-block;
+      padding: 0rem;
+      margin: 0rem;
     }
   }
 }