From d95e46e4850c062275e6a3ebf9ead642b966f50e Mon Sep 17 00:00:00 2001
From: Robert Duda <robert.duda@hyland.com>
Date: Wed, 17 Jan 2024 11:35:46 +0100
Subject: [PATCH] [AAE-19621] Fix icon cut off in attach file button (#9249)

---
 .../attach-file-cloud-widget.component.html     | 14 ++++++++++----
 .../attach-file-cloud-widget.component.scss     | 17 ++++-------------
 2 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.html b/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.html
index d62831ef4d..053ae3d111 100644
--- a/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.html
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.html
@@ -6,10 +6,16 @@
         </label>
         <div class="adf-attach-widget-container" (focusout)="markAsTouched()">
             <div class="adf-attach-widget__menu-upload" *ngIf="isUploadButtonVisible()">
-                <button (click)="openSelectDialog()" mat-raised-button color="primary" [id]="field.id"
-                    [matTooltip]="field.tooltip" matTooltipPosition="above" matTooltipShowDelay="1000">
-                    {{ 'FORM.FIELD.ATTACH' | translate }}
-                    <mat-icon>{{getWidgetIcon()}}</mat-icon>
+                <button
+                    (click)="openSelectDialog()"
+                    mat-raised-button
+                    color="primary"
+                    [id]="field.id"
+                    [matTooltip]="field.tooltip"
+                    matTooltipPosition="above"
+                    matTooltipShowDelay="1000">
+                        {{ 'FORM.FIELD.ATTACH' | translate }}
+                        <mat-icon class="adf-attach-widget__icon">{{getWidgetIcon()}}</mat-icon>
                 </button>
             </div>
         </div>
diff --git a/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.scss b/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.scss
index 55d1db9776..b0dbf89744 100644
--- a/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.scss
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.scss
@@ -27,16 +27,6 @@
 
         button span {
             font-size: var(--theme-caption-font-size);
-
-            mat-icon {
-                line-height: 12px;
-                height: 12px;
-                width: 12px;
-            }
-
-            .material-icons {
-                font-size: var(--theme-adf-picture-1-font-size);
-            }
         }
     }
 
@@ -86,9 +76,10 @@
     }
 
     &-attach-widget__icon {
-        padding: 6px;
-        float: left;
-        cursor: pointer;
+        font-size: var(--theme-adf-picture-1-font-size);
+        height: var(--theme-adf-picture-1-font-size);
+        width: var(--theme-adf-picture-1-font-size);
+        line-height: calc(var(--theme-adf-picture-1-font-size) - 2px);
     }
 
     &-attach-widget__reset {