jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-01 13:37:47 +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
? html`
<h3>
${this.hass!.localize(
"ui.panel.config.cloud.account.alexa.enable_state_reporting"
)}
</h3>
<div class="state-reporting">
<h3>
${this.hass!.localize(
"ui.panel.config.cloud.account.alexa.enable_state_reporting"
)}
</h3>
<div class="state-reporting-switch">
<ha-switch
.checked=${alexa_report_state}
@change=${this._reportToggleChanged}
></ha-switch>
</div>
</div>
<p>
${this.hass!.localize(
"ui.panel.config.cloud.account.alexa.info_state_reporting"
)}
</p>
<ha-switch
.checked=${alexa_report_state}
@change=${this._reportToggleChanged}
></ha-switch>
`
: ""}
</div>
@ -176,12 +180,22 @@ export class CloudAlexaPref extends LitElement {
.spacer {
flex-grow: 1;
}
h3 {
margin-bottom: 0;
.state-reporting {
display: flex;
margin-top: 1.5em;
}
h3 + p {
.state-reporting + p {
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;
}
`;
}
}