diff --git a/packages/main/src/CardHeader.hbs b/packages/main/src/CardHeader.hbs index 34b0520fb960..e67f53455ebf 100644 --- a/packages/main/src/CardHeader.hbs +++ b/packages/main/src/CardHeader.hbs @@ -27,9 +27,16 @@ {{/if}} - {{#if hasAction}} - - {{else}} - {{status}} - {{/if}} +
+ {{#if hasAction}} + + {{else}} + {{status}} + {{/if}} +
\ No newline at end of file diff --git a/packages/main/src/themes/CardHeader.css b/packages/main/src/themes/CardHeader.css index 2e67f21b8cda..3fb21ea70b91 100644 --- a/packages/main/src/themes/CardHeader.css +++ b/packages/main/src/themes/CardHeader.css @@ -72,7 +72,6 @@ color: var(--sapTile_TextColor); text-align: left; line-height: 1.125rem; - padding-left: 1rem; margin-left: auto; text-overflow: ellipsis; overflow: hidden; @@ -109,15 +108,20 @@ max-width: 100%; } + +.ui5-card-header-action { + display: flex; + padding-left: 1rem; +} + [dir="rtl"].ui5-card-header .ui5-card-header-avatar { margin-left: .75rem; margin-right: 0; } -[dir="rtl"].ui5-card-header .ui5-card-header-status { +[dir="rtl"].ui5-card-header .ui5-card-header-action { padding-right: 1rem; padding-left: 0rem; - margin-right: auto; } [dir="rtl"].ui5-card-header .ui5-card-header-text .ui5-card-header-title {