I am encountering an issue with a round image displaying properly on a browser, but appearing distorted after building the apk and running it on my android phone. The image's width is greater than its height. How can I ensure that it remains round?
My framework of choice is Ionic 2.
Here is the code snippet:
<p class="item-selected-row search-right">
<img class="item-stable" id="icon-image-{{subcategory.id}}" src="{{subcategory.icon}}" height="23" width="23" />
</p>
And the accompanying SCSS:
.item-selected-row {
display: inline-flex;
}
.search-right {
float: right;
}
img.item-stable {
}