title: How can I make the button more visible?
body: <p>I got an ion-button (button using the ionic framework) that's just too low. This is an ionic/angular project. I feel like I've tried everything to pull it up, but my attempts have resulted in failures (pulling the button up but the button aligns left; pushing button down; pulling button up but the button budges a little right of center... etc). I've tried playing with margin, spacing, padding; I've tried absolute positioning; I've even tried flexbox and ion-grid.</p>
  <p>All I want to do is pull up the button, almost like a footer, and keep it centered.</p>
  <p><a href="https://i.stack.imgur.com/BbHOq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BbHOq.png" alt="enter image description here" /></a></p>
  <p>Here is my code:</p>
  <p>HTML code</p>
  <pre><code>&lt;div class=&quot;bottomBar&quot;&gt;
    &lt;ion-button&gt; &lt;!-- &lt;fill=&quot;block&quot; style=&quot;position: absolute; bottom:50px;&quot;&gt; --&gt;
      Order Skirt
    &lt;/ion-button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>CSS code</p>
  <pre><code>.bottomBar {
    z-index: 2;
    //padding-bottom: 30px;
    text-align: center;
    //margin-left: 50vw;
    //margin-right: 50%;
    //width: 100% - 30px;
  }
  </code></pre>
  <p>Thanks for looking.</p>