From 8b553bb00f98a35b5f0a59a8e83d956304d0e1c6 Mon Sep 17 00:00:00 2001
From: AleksanderSklorz <115619721+AleksanderSklorz@users.noreply.github.com>
Date: Tue, 7 Oct 2025 08:04:46 +0200
Subject: [PATCH] [ACS-10145] Corrected font size and alignment for date field
 in metadata properties panel (#11228)

---
 .../card-view-dateitem.component.html         |  2 +-
 .../card-view-dateitem.component.scss         | 19 ++++++++++++++++---
 .../card-view-textitem.component.scss         |  8 ++++++++
 lib/core/src/lib/styles/_mat-selectors.scss   |  1 +
 4 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.html b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.html
index d8346f3474..14e08fc313 100644
--- a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.html
+++ b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.html
@@ -19,7 +19,7 @@
             >{{ property.displayValue }}</span
         >
     </span>
-    <mat-form-field *ngIf="isEditable && !property.multivalued" class="adf-dateitem-editable hxp-input" [floatLabel]="property.default ? 'always' : null">
+    <mat-form-field *ngIf="isEditable && !property.multivalued" class="adf-property-field adf-dateitem-editable hxp-input" [floatLabel]="property.default ? 'always' : null">
         <mat-label
             class="adf-property-label"
             [attr.data-automation-id]="'card-dateitem-label-' + property.key"
diff --git a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
index 7b723ade68..61d03ae4df 100644
--- a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
@@ -1,6 +1,8 @@
 @use '../../../styles/mat-selectors' as ms;
 
 .adf-card-view-dateitem {
+    display: flow-root;
+
     .adf-dateitem-editable {
         cursor: pointer;
         width: 100%;
@@ -9,6 +11,10 @@
             display: flex;
             align-items: center;
             justify-content: space-between;
+            top: 6px;
+            position: relative;
+            left: 12px;
+            height: 20px;
 
             #{ms.$mat-icon} {
                 opacity: 0.5;
@@ -29,6 +35,11 @@
                 position: relative;
             }
         }
+
+        #{ms.$mat-line-ripple},
+        #{ms.$mat-form-field-subscript-wrapper} {
+            display: none;
+        }
     }
 
     .adf-property-value {
@@ -43,20 +54,18 @@
             align-items: center;
             border-radius: 6px;
             border-bottom: inherit;
-            margin-bottom: 18px;
+            padding-left: 0;
 
             &:not(.adf-property-readonly-value) {
                 margin-top: 35px;
             }
 
             .adf-date-reset-icon {
-                top: 10px;
                 position: relative;
                 padding: 0;
             }
 
             .adf-dateitem-picker-toggle {
-                top: 10px;
                 position: relative;
             }
         }
@@ -75,6 +84,10 @@
         margin: 0;
         padding: 0;
         float: right;
+
+        &#{ms.$mat-input-element}#{ms.$mat-form-field-input-control} {
+            margin-top: 35px;
+        }
     }
 
     .adf-dateitem-chip-list-container.adf-property-field {
diff --git a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
index ee97abcb7a..6f51a48cf9 100644
--- a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
@@ -49,6 +49,14 @@
         #{ms.$mat-form-field-label} {
             margin-top: 6px;
         }
+
+        #{ms.$mat-form-field-infix} {
+            padding-top: 0;
+
+            .adf-property-value {
+                margin-left: 0;
+            }
+        }
     }
 
     .adf-textitem-clickable {
diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss
index 9af08d8d54..88fc34bd9c 100644
--- a/lib/core/src/lib/styles/_mat-selectors.scss
+++ b/lib/core/src/lib/styles/_mat-selectors.scss
@@ -17,6 +17,7 @@ $mat-checkbox: '.mat-mdc-checkbox';
 $mat-checkbox-label: '.mdc-label';
 $mat-button: '.mat-mdc-button';
 $mat-button-label: '.mdc-button__label';
+$mat-form-field-input-control: '.mat-mdc-form-field-input-control';
 $mat-form-field: '.mat-mdc-form-field';
 $mat-form-field-flex: '.mat-mdc-form-field-flex';
 $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper';