Aligning spinner to left in ionicLoading


#1

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

My code is:

   $ionicLoading.show({
        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?

Thanks

John


#2

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;
}