Timewindow: update styles for inputs which may have empty suffix

ui-ngx/src/app/shared/components/time/aggregation/aggregation-type-select.component.scss

@@ -26,4 +26,12 @@
   .mat-mdc-select-value {
     min-width: 100px;
   }
+  .mat-mdc-form-field-has-icon-suffix {
+    .mat-mdc-text-field-wrapper:has(.mat-mdc-form-field-icon-suffix:empty) {
+      padding-right: 12px;
+    }
+    .mat-mdc-form-field-icon-suffix:empty {
+      padding: 0;
+    }
+  }
 }

ui-ngx/src/app/shared/components/time/quick-time-interval.component.scss

@@ -24,3 +24,14 @@
     width: 100%;
   }
 }
+
+:host ::ng-deep {
+   .mat-mdc-form-field-has-icon-suffix {
+     .mat-mdc-text-field-wrapper:has(.mat-mdc-form-field-icon-suffix:empty) {
+       padding-right: 12px;
+     }
+     .mat-mdc-form-field-icon-suffix:empty {
+       padding: 0;
+     }
+   }
+ }

ui-ngx/src/app/shared/components/time/timeinterval.component.scss

@@ -27,6 +27,14 @@
 }
 
 :host ::ng-deep {
+  .mat-mdc-form-field-has-icon-suffix {
+    .mat-mdc-text-field-wrapper:has(.mat-mdc-form-field-icon-suffix:empty) {
+      padding-right: 12px;
+    }
+    .mat-mdc-form-field-icon-suffix:empty {
+      padding: 0;
+    }
+  }
   .number-input {
     .mat-mdc-form-field-infix {
       width: 50px;

ui-ngx/src/form.scss

@@ -381,16 +381,6 @@
         }
       }
     }
-    &.mat-mdc-form-field-has-icon-suffix {
-      .mat-mdc-form-field-icon-suffix:empty {
-        padding: 0;
-      }
-      .mat-mdc-text-field-wrapper:has(.mat-mdc-form-field-icon-suffix:empty) {
-        &.mdc-text-field--outlined, &:not(.mdc-text-field--outlined) {
-          padding-right: 12px;
-        }
-      }
-    }
     .mat-mdc-text-field-wrapper {
       &.mdc-text-field--outlined, &:not(.mdc-text-field--outlined) {
         &:not(.mdc-text-field--focused):not(.mdc-text-field--disabled):not(.mdc-text-field--invalid):not(:hover) {
@@ -799,15 +789,4 @@
       }
     }
   }
-
-  .mat-mdc-form-field-has-icon-suffix {
-    .mat-mdc-form-field-icon-suffix:empty {
-      padding: 0;
-    }
-    .mat-mdc-text-field-wrapper:has(.mat-mdc-form-field-icon-suffix:empty) {
-      &.mdc-text-field--outlined, &:not(.mdc-text-field--outlined) {
-        padding-right: 16px;
-      }
-    }
-  }
 }