From e7de21fe3ee5c2876236241637ca91b6b8e85f4b Mon Sep 17 00:00:00 2001
From: Diogo Bastos <50139916+DiogoABastos@users.noreply.github.com>
Date: Wed, 24 Apr 2024 14:05:12 +0100
Subject: [PATCH] AAE-21393 Fix amount form widget style (#9601)

---
 .../lib/form/components/widgets/amount/amount.widget.html  | 6 +++---
 .../lib/form/components/widgets/amount/amount.widget.scss  | 7 ++++++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/lib/core/src/lib/form/components/widgets/amount/amount.widget.html b/lib/core/src/lib/form/components/widgets/amount/amount.widget.html
index 0c4752416b6..87a4f528e46 100644
--- a/lib/core/src/lib/form/components/widgets/amount/amount.widget.html
+++ b/lib/core/src/lib/form/components/widgets/amount/amount.widget.html
@@ -1,12 +1,12 @@
 <div class="adf-amount-widget__container adf-amount-widget {{field.className}}"
        [class.adf-invalid]="!field.isValid && isTouched()" [class.adf-readonly]="field.readOnly"
        [class.adf-left-label-input-container]="field.leftLabels">
-       <div>
-              <label class="adf-label"
-                     [class.adf-left-label]="field.leftLabels" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
+       <div *ngIf="field.leftLabels">
+              <label class="adf-label adf-left-label" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
        </div>
        <div>
               <mat-form-field class="adf-amount-widget__input" [hideRequiredMarker]="true">
+                     <label class="adf-label" *ngIf="!field.leftLabels" [attr.for]="field.id">{{field.name | translate }}<span class="adf-asterisk" *ngIf="isRequired()">*</span></label>
                      <span matTextPrefix class="adf-amount-widget__prefix-spacing">{{ currency }} &nbsp;</span>
                      <input matInput [matTooltip]="field.tooltip" matTooltipPosition="above" matTooltipShowDelay="1000"
                             class="adf-input" type="text" [id]="field.id" [required]="isRequired()"
diff --git a/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss b/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss
index 54521bf5eea..175fea3bf95 100644
--- a/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss
+++ b/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss
@@ -1,7 +1,6 @@
 /* stylelint-disable selector-class-pattern */
 @import 'styles/mat-selectors';
 
-
 .adf {
     &-amount-widget {
         width: 100%;
@@ -19,6 +18,12 @@
             transition: none;
         }
 
+        #{$mat-form-field-prefix} {
+            padding-top: 16px;
+            padding-bottom: 16px;
+            align-self: flex-end;
+        }
+
         &:not(#{$mat-focused}):not(#{$mat-form-field-invalid}) {
             .adf-amount-widget__prefix-spacing {
                 color: var(--adf-theme-foreground-secondary-text-color);