Fix bottom padding in service control when in narrow mode (#25390)

This commit is contained in:
Bram Kragten 2025-05-09 11:01:58 +02:00
parent 7919028780
commit 9751cb4e50

View File

@ -83,7 +83,7 @@ export class HaServiceControl extends LitElement {
@property({ type: Boolean }) public disabled = false; @property({ type: Boolean }) public disabled = false;
@property({ type: Boolean, reflect: true }) public narrow = false; @property({ type: Boolean }) public narrow = false;
@property({ attribute: "show-advanced", type: Boolean }) public showAdvanced = @property({ attribute: "show-advanced", type: Boolean }) public showAdvanced =
false; false;
@ -895,6 +895,9 @@ export class HaServiceControl extends LitElement {
ha-settings-row { ha-settings-row {
padding: var(--service-control-padding, 0 16px); padding: var(--service-control-padding, 0 16px);
} }
ha-settings-row[narrow] {
padding-bottom: 8px;
}
ha-settings-row { ha-settings-row {
--settings-row-content-width: 100%; --settings-row-content-width: 100%;
--settings-row-prefix-display: contents; --settings-row-prefix-display: contents;
@ -916,7 +919,7 @@ export class HaServiceControl extends LitElement {
margin: var(--service-control-padding, 0 16px); margin: var(--service-control-padding, 0 16px);
padding: 16px 0; padding: 16px 0;
} }
:host([hidePicker]) p { :host([hide-picker]) p {
padding-top: 0; padding-top: 0;
} }
.checkbox-spacer { .checkbox-spacer {