Aligning spinner to left in ionicLoading


I am trying to add a spinner to my $ionicLoading for a $http request. I have followed the example here:

My code is:

        template: '<p class="item-icon-left">Loading stuff...<ion-spinner icon="lines" /></p>'

The code above results in the spinner appearing to the right of the text. This is the same on both chrome and via Ionic View.

How do I get the spinner appearing on the left of the text?




Posted too soon. For those interested I was missing the CSS part:

    .item-icon-left ion-spinner {
    float: left;
    margin-left: -3.2em;
    margin-right: 1em;
    margin-top: -0.2em;