@@ -151,20 +151,24 @@ export class PVPCHourlyPricingCardEditor extends LitElement {
151
151
</ paper- dropdown- menu>
152
152
</ div>
153
153
<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>
160
162
</ div>
161
163
<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>
168
172
</ div>
169
173
</ div>
170
174
` ;
@@ -204,6 +208,10 @@ export class PVPCHourlyPricingCardEditor extends LitElement {
204
208
ha-switch {
205
209
padding-top : 16px ;
206
210
}
211
+ .mdc-label {
212
+ margin-left : 12px ;
213
+ vertical-align : text-bottom;
214
+ }
207
215
.side-by-side {
208
216
display : flex;
209
217
}
0 commit comments