diff --git a/projects/aca-content/src/lib/components/bulk-actions-dropdown/bulk-actions-dropdown.component.html b/projects/aca-content/src/lib/components/bulk-actions-dropdown/bulk-actions-dropdown.component.html index e39f6ab1b..40421785c 100644 --- a/projects/aca-content/src/lib/components/bulk-actions-dropdown/bulk-actions-dropdown.component.html +++ b/projects/aca-content/src/lib/components/bulk-actions-dropdown/bulk-actions-dropdown.component.html @@ -2,6 +2,7 @@ *ngIf="items?.length" [title]="tooltip" appearance="outline" + subscriptSizing="dynamic" class="aca-bulk-actions-form-field" data-automation-id="aca-bulk-actions-form-field" > @@ -14,13 +15,16 @@ (keydown)="onKeyDown($event)" > - - {{ bulkSelectControl.value?.title | translate }} +
+ + {{ bulkSelectControl.value?.title | translate }} +
- - {{ option.title | translate }} +
+ + {{ option.title | translate }} +
diff --git a/projects/aca-content/src/lib/components/bulk-actions-dropdown/bulk-actions-dropdown.component.scss b/projects/aca-content/src/lib/components/bulk-actions-dropdown/bulk-actions-dropdown.component.scss index 8783d39b9..4f79f8b4d 100644 --- a/projects/aca-content/src/lib/components/bulk-actions-dropdown/bulk-actions-dropdown.component.scss +++ b/projects/aca-content/src/lib/components/bulk-actions-dropdown/bulk-actions-dropdown.component.scss @@ -2,23 +2,24 @@ .aca-bulk-actions-form-field { margin-left: 24px; - margin-top: 1.4375em; width: 295px; #{$mat-form-field-flex}, - #{$mat-form-text-field-infix} { + #{$mat-select-value} { height: 48px; - line-height: 48px; display: flex; align-items: center; - border: 0; - } - - #{$mat-form-field-appearance-outline} #{$mat-form-field-outline} { - top: 0; - } - - #{$mat-select} { - margin-top: 0.25rem; + } +} + +.aca-bulk-actions-option-content { + height: 100%; + display: flex; + column-gap: 8px; + align-items: center; + + .aca-bulk-actions-icon { + width: 24px; + height: 24px; } }