
This is a simplified version of our xml:
<Border class="list-icon" backgroundColor="#FAFAFA" borderColor="black">
<Label color="red" class="icon-letter" text="H"/>
</Border>
and the CSS:
.list-icon {
border-width: 2;
horizontal-align: center;
vertical-align: center;
margin: 0 0 0 15;
border-radius: 22;
width: 44;
height: 44;
}
.icon-letter {
horizontal-align: center;
vertical-align: center;
font-size: 16;
}
This is a simplified version of our xml:
and the CSS: