[Vuejs]-Font Awesome vue js Layers creates artifact that causes unwanted spacing in Vue Bootstrap

by

0👍

I solved/hacked for this by adding some styling to my button:

style="width:30%;max-height:34px;"

and transforming the layer differently, so:

                    <b-button variant="success" v-b-tooltip.hover title="Mark as printed." style="width:30%;max-height:34px;">
                        <font-awesome-layers full-width> <!--class="fa-lg"-->
                            <font-awesome-icon icon="print"/>
                            <font-awesome-icon icon="check" transform="up-22" :style="{ color: 'red' }" />
                        </font-awesome-layers>
                    </b-button>

I imagine there is a css conflict happening with bootstrap or possibly another library I am using.

Leave a comment