title: Css padding / margin issue on ios device
body: <p>When I view below result in my iphone (iphone 6, ios 8), the loader is slightly position upper of the button, but I can't see that when I inspect with chrome mobile emulator. I have no idea how to fix that, what do you think could be the cause of the problem? </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>img.loader {
      text-align: center;
      width: 20px;
      margin: auto;
      display: block;
      position: absolute;
      right: 15px;
      top: 10px;
  }
  button {
      width: 100%;
      padding: 12px;
      background: #4aa3df;
      color: #fff;
      border: none;
      font-size: 14px;
      margin-bottom: 10px;
      cursor: pointer;
      box-sizing: border-box;
  }
  .submitBtnWrap {
      position: relative;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;br&gt;
  &lt;br&gt;
  &lt;div class="submitBtnWrap"&gt;
      &lt;button id="login_submit" class="btn btn-lg btn-primary btn-block" type="submit"&gt;Sign in&lt;/button&gt;
      &lt;img src="http://i.imgur.com/ScvlxYo.gif" class="loader"&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>