[NIFI-12964] fix the alignment of the date picker icon (apache#9408)

This closes apache#9408
exceptionfactory · Oct 17, 2024 · 5db02e2 · 5db02e2
1 parent 784a95c
commit 5db02e2
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/nifi-frontend/src/main/frontend/libs/shared/src/assets/styles/_app.scss b/nifi-frontend/src/main/frontend/libs/shared/src/assets/styles/_app.scss
@@ -37,6 +37,11 @@
         text-underline-offset: 3px;
     }
 
+    .mat-mdc-form-field-infix {
+        min-width: 180px !important;
+        width: 180px !important;
+    }
+
     .tooltip {
         max-height: 70vh;
         max-width: 500px;
@@ -284,6 +289,10 @@
         }
     }
 
+    mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button {
+        padding: 11px; //center the mat-icon-button inside the date picker form field
+    }
+
     .mat-mdc-paginator {
         background-color: unset !important;
     }