(nifi) branch main updated: [NIFI-12964] fix the alignment of the date picker icon (#9408)

[rfellows]

This is an automated email from the ASF dual-hosted git repository.

rfellows pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/nifi.git


The following commit(s) were added to refs/heads/main by this push:
     new 5db02e24cb [NIFI-12964] fix the alignment of the date picker icon 
(#9408)
5db02e24cb is described below

commit 5db02e24cb39aa3bab5cb41fab846da3e5b0bd55
Author: Scott Aslan <scottyas...@users.noreply.github.com>
AuthorDate: Thu Oct 17 10:23:31 2024 -0600

    [NIFI-12964] fix the alignment of the date picker icon (#9408)
    
    This closes #9408
---
 .../src/main/frontend/libs/shared/src/assets/styles/_app.scss    | 9 +++++++++
 1 file changed, 9 insertions(+)

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
index 76c24af828..6e06a1eda8 100644
--- 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;
     }