title: center a spinner in a button
body: <p>I am trying to center a spinner in a button. The spinner will appear while the system is getting a response. I have changed margins and padding and the changes show when I inspect element, but it just adds margin and padding to the bottom without moving the spinner further up within the button.</p>
  
  <p>Here is my Jade:</p>
  
  <pre><code>div.form-group
      div.col-sm-4
          button.form-control.btn.btn-success.strong-button(type='submit' ng-model='pressed' ng-disabled="pressed") Delete
              spinner(ng-show="submitDelete")
  </code></pre>
  
  <p>The css for spinner is </p>
  
  <pre><code>.font-awesome-spinner{
      width: 100%;
      text-align: center;
  }
  </code></pre>
  
  <p>The spinner element creates a div inside the button element that looks like (taken from page source)</p>
  
  <pre><code>&lt;button (all the stuff here)&gt;
       &lt;div class="font-awesome-spinner ng-isolate-scope" ng-show="submitDelete"&gt;
            &lt;i class="fa fa-circle-o-notch fa-spin"
                 ::before
            &lt;/i&gt;
       &lt;/div&gt;
  &lt;/button&gt;
  </code></pre>