diff --git a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss index c37b7d14f..95ee141d5 100644 --- a/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss +++ b/projects/aca-content/folder-rules/src/rule-details/edit-rule-dialog.ui-component.scss @@ -3,9 +3,12 @@ } .aca-edit-rule-dialog { - &__header { + margin: -24px; + + .aca-edit-rule-dialog__header { display: flex; align-items: center; + margin: -43px -24px 0; padding: var(--edit-rule-dialog-padding); box-sizing: border-box; border-bottom: 1px solid var(--theme-border-color); @@ -24,17 +27,19 @@ } .aca-edit-rule-dialog__content { - color: inherit; + margin: 0 -24px; padding: 0; &__spinner { display: flex; align-items: center; justify-content: center; + margin: 20px 0; } } - &__footer { + .aca-edit-rule-dialog__footer { + margin: 0 -24px -30px; padding: var(--edit-rule-dialog-padding); box-sizing: border-box; border-top: 1px solid var(--theme-border-color); diff --git a/projects/aca-content/src/lib/ui/theme.scss b/projects/aca-content/src/lib/ui/theme.scss index d4da364cd..6bf20b7cc 100644 --- a/projects/aca-content/src/lib/ui/theme.scss +++ b/projects/aca-content/src/lib/ui/theme.scss @@ -51,6 +51,38 @@ mat-slide-toggle { } } +.mdc-dialog { + .mdc-dialog__title { + margin-bottom: 20px; + padding: 0; + + &::before { + height: unset; + } + } + + .mat-mdc-dialog-actions { + padding: 8px 0; + } + + .mdc-dialog__content { + padding: 16px 0; + color: var(--adf-theme-foreground-text-color-087); + } + + .mdc-dialog__surface { + padding: 24px 24px 8px; + + .mat-mdc-button { + width: auto; + + .mdc-button__label { + padding: 0 16px; + } + } + } +} + .mdc-floating-label, .mat-mdc-tab-list .mat-mdc-tab-labels .mdc-tab, .mat-mdc-checkbox label,