Nest long lines.
<ul id="maps" v-bind:class="{'hide': hideMapsList}">
<li v-for="map in maps" v-on:click.self="loadMap(map.name)"><span>{{map.name}}</span>
<ul class="map-layers">
- <li v-for="layer in map.layers" v-on:click.self="toggleLayerVisibility(layer.name)"><span class="layer-color" v-bind:style="{'background-color': layer.color, 'visibility': layer.visibility}">&nbsp;</span>{{layer.name}}</li>
+ <li v-for="layer in map.layers" v-on:click.self="toggleLayerVisibility(layer.name)">
+ <span class="layer-color" v-bind:style="{'background-color': layer.color, 'visibility': layer.visibility}">&nbsp;</span>{{layer.name}}
+ </li>
</ul>
</li>
</ul>
</div>
<div id="left-nav-footer">
- <div v-on:click="toggleFeatureInspector" class="btn" v-bind:class="{active: inspectorIsActive}" id="toggle-feature-inspector"><span class="dot"></span>Inspect Features</div>
+ <div v-on:click="toggleFeatureInspector" class="btn" v-bind:class="{active: inspectorIsActive}" id="toggle-feature-inspector">
+ <span class="dot"></span>Inspect Features
+ </div>
</div>
</div>
<div id='map'></div>
