Expanded Layer Widget with Legend for Esri Web AppBuilder

style.css

/* Introduction
CSS rules for the Layer widget is Esri's Web AppBuilder.
For layer widgets that are expanded on map load, legend items will show
with their symbols instead of a loading icon.

Place these style rules within the <style> tag of the index.html file.
Or, create a new style.css file and link to it in the index.html file
*/

/* Layer list expanded by default */
.jimu-widget-layerList table.layer-sub-node {
    display: table;
}

/* layer list legend hidden so it loads properly */
.jimu-widget-layerList table.layer-sub-node .legends-loading-img {
    display: none;
}