Skip to content

Commit 5f13dce

Browse files
committed
Fix #20. Switch labels in Editor are not visible
1 parent 46583b0 commit 5f13dce

File tree

1 file changed

+20
-12
lines changed

1 file changed

+20
-12
lines changed

dist/pvpc-hourly-pricing-card-editor.js

+20-12
Original file line numberDiff line numberDiff line change
@@ -151,20 +151,24 @@ export class PVPCHourlyPricingCardEditor extends LitElement {
151151
</paper-dropdown-menu>
152152
</div>
153153
<div class="side-by-side">
154-
<ha-switch .checked=${this._current} .configValue="${'current'}" @change="${this._valueChanged}"
155-
>${this.ll('optionShowCurrent')}</ha-switch
156-
>
157-
<ha-switch .checked=${this._details} .configValue="${'details'}" @change="${this._valueChanged}"
158-
>${this.ll('optionShowDetails')}</ha-switch
159-
>
154+
<div>
155+
<ha-switch .checked=${this._current} .configValue="${'current'}" @change="${this._valueChanged}"></ha-switch>
156+
<label class="mdc-label">${this.ll('optionShowCurrent')}</label>
157+
</div>
158+
<div>
159+
<ha-switch .checked=${this._details} .configValue="${'details'}" @change="${this._valueChanged}" ></ha-switch>
160+
<label class="mdc-label">${this.ll('optionShowDetails')}</label>
161+
</div>
160162
</div>
161163
<div class="side-by-side">
162-
<ha-switch .checked=${this._graph} .configValue="${'graph'}" @change="${this._valueChanged}"
163-
>${this.ll('optionShowGraph')}</ha-switch
164-
>
165-
<ha-switch .checked=${this._info} .configValue="${'info'}" @change="${this._valueChanged}"
166-
>${this.ll('optionShowInfo')}</ha-switch
167-
>
164+
<div>
165+
<ha-switch .checked=${this._graph} .configValue="${'graph'}" @change="${this._valueChanged}" ></ha-switch>
166+
<label class="mdc-label">${this.ll('optionShowGraph')}</label>
167+
</div>
168+
<div>
169+
<ha-switch .checked=${this._info} .configValue="${'info'}" @change="${this._valueChanged}" ></ha-switch>
170+
<label class="mdc-label">${this.ll('optionShowInfo')}</label>
171+
</div>
168172
</div>
169173
</div>
170174
`;
@@ -204,6 +208,10 @@ export class PVPCHourlyPricingCardEditor extends LitElement {
204208
ha-switch {
205209
padding-top: 16px;
206210
}
211+
.mdc-label {
212+
margin-left: 12px;
213+
vertical-align: text-bottom;
214+
}
207215
.side-by-side {
208216
display: flex;
209217
}

0 commit comments

Comments
 (0)