jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-01 21:47:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move alexa state reporting switch position for consistency (#3953)

Browse Source
This commit is contained in:
Josh McCarty 2019-10-10 01:51:58 -07:00 committed by Bram Kragten
parent 0266617c71
commit ab75365636
1 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/panels/config/cloud/account/cloud-alexa-pref.ts
View File

@ -73,20 +73,24 @@ export class CloudAlexaPref extends LitElement {
> >
${alexa_enabled ${alexa_enabled
? html` ? html`
<h3> <div class="state-reporting">
${this.hass!.localize( <h3>
"ui.panel.config.cloud.account.alexa.enable_state_reporting" ${this.hass!.localize(
)} "ui.panel.config.cloud.account.alexa.enable_state_reporting"
</h3> )}
</h3>
<div class="state-reporting-switch">
<ha-switch
.checked=${alexa_report_state}
@change=${this._reportToggleChanged}
></ha-switch>
</div>
</div>
<p> <p>
${this.hass!.localize( ${this.hass!.localize(
"ui.panel.config.cloud.account.alexa.info_state_reporting" "ui.panel.config.cloud.account.alexa.info_state_reporting"
)} )}
</p> </p>
<ha-switch
.checked=${alexa_report_state}
@change=${this._reportToggleChanged}
></ha-switch>
` `
: ""} : ""}
</div> </div>
@ -176,12 +180,22 @@ export class CloudAlexaPref extends LitElement {
.spacer { .spacer {
flex-grow: 1; flex-grow: 1;
} }
h3 { .state-reporting {
margin-bottom: 0; display: flex;
margin-top: 1.5em;
} }
h3 + p { .state-reporting + p {
margin-top: 0.5em; margin-top: 0.5em;
} }
.state-reporting h3 {
flex-grow: 1;
margin: 0;
}
.state-reporting-switch {
margin-top: 0.25em;
margin-right: 7px;
margin-left: 0.5em;
}
`; `;
} }
} }