From 6e835893ca2d3b253bacc04e6f50fc267ac3b610 Mon Sep 17 00:00:00 2001
From: Raviraj Bahirsheth <111955585+rbahirsheth@users.noreply.github.com>
Date: Thu, 16 Mar 2023 15:16:38 +0530
Subject: [PATCH] [ACS-4106] changed place of mat-error tag & style change
 (#8368)

---
 .../card-view-textitem.component.html            | 16 ++++++++--------
 .../card-view-textitem.component.scss            |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html
index 42dead052a..a5593d0fb3 100644
--- a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html
+++ b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.html
@@ -52,14 +52,6 @@
         </mat-form-field>
     </div>
 
-    <mat-error [attr.data-automation-id]="'card-textitem-error-' + property.key"
-        class="adf-textitem-editable-error"
-        *ngIf="isEditable && hasErrors">
-        <ul>
-            <li *ngFor="let error of errors">{{ error.message | translate: error }}</li>
-        </ul>
-    </mat-error>
-
     <div *ngSwitchCase="'chipsTemplate'"
          class="adf-property-field adf-textitem-chip-list-container">
         <mat-chip-list #chipList
@@ -131,6 +123,14 @@
         <ng-container *ngTemplateOutlet="label"></ng-container>
         <span class="adf-textitem-default-value">{{ property.default | translate }}</span>
     </div>
+
+    <mat-error [attr.data-automation-id]="'card-textitem-error-' + property.key"
+               class="adf-textitem-editable-error"
+               *ngIf="isEditable && hasErrors">
+        <ul>
+            <li *ngFor="let error of errors">{{ error.message | translate: error }}</li>
+        </ul>
+    </mat-error>
 </div>
 
 <ng-template #label>
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 3b5d6acc11..c2ff07dff2 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
@@ -80,7 +80,7 @@
 
         &-error {
             font-size: var(--theme-caption-font-size);
-            padding-top: 4px;
+            padding-top: 6px;
 
             ul {
                 margin: 0;