diff --git a/src/dialogs/more-info/controls/more-info-media_player.ts b/src/dialogs/more-info/controls/more-info-media_player.ts index 93828334d4..b2da9c6a9a 100644 --- a/src/dialogs/more-info/controls/more-info-media_player.ts +++ b/src/dialogs/more-info/controls/more-info-media_player.ts @@ -213,9 +213,10 @@ class MoreInfoMediaPlayer extends LitElement { ha-icon-button[action="turn_off"], ha-icon-button[action="turn_on"] { - margin-inline-end: auto; margin-right: auto; margin-left: inherit; + margin-inline-start: inherit; + margin-inline-end: auto; } .controls { diff --git a/src/panels/config/backup/components/ha-backup-data-picker.ts b/src/panels/config/backup/components/ha-backup-data-picker.ts index 9f98ca6267..ac476bb2d5 100644 --- a/src/panels/config/backup/components/ha-backup-data-picker.ts +++ b/src/panels/config/backup/components/ha-backup-data-picker.ts @@ -300,22 +300,22 @@ export class HaBackupDataPicker extends LitElement { static get styles(): CSSResultGroup { return css` .section { - margin-inline-start: -16px; - margin-inline-end: 0; margin-left: -16px; + margin-inline-start: -16px; + margin-inline-end: initial; } .items { - padding-inline-start: 40px; - padding-inline-end: 0; padding-left: 40px; + padding-inline-start: 40px; + padding-inline-end: initial; display: flex; flex-direction: column; } ha-backup-addons-picker { display: block; - padding-inline-start: 40px; - padding-inline-end: 0; padding-left: 40px; + padding-inline-start: 40px; + padding-inline-end: initial; } `; } diff --git a/src/panels/config/logs/system-log-card.ts b/src/panels/config/logs/system-log-card.ts index 60ef7284d0..cb8d019b87 100644 --- a/src/panels/config/logs/system-log-card.ts +++ b/src/panels/config/logs/system-log-card.ts @@ -247,6 +247,13 @@ export class SystemLogCard extends LitElement { padding-top: 8px; } + :host { + direction: var(--direction); + } + mwc-list { + direction: ltr; + } + .header { display: flex; justify-content: space-between; @@ -293,13 +300,7 @@ export class SystemLogCard extends LitElement { border-top: 1px solid var(--divider-color); } - .card-actions, - .empty-content { - direction: var(--direction); - } - .row-secondary { - direction: var(--direction); text-align: left; } `;