title: change padding, margin, and font size in jquery mobile footer navigation
body: <p>I'm trying to adjust the padding and/or margin and/or font size in some buttons that I have in my jquery mobile footer to create some more real estate.</p>
  
  <p>currently, the buttons appear to have some padding inside them that I could squeeze in tighter and it would give me some more room to include some more text within them.</p>
  
  <p>here is what I"m using to create my nav:</p>
  
  <pre><code>    &lt;div data-theme="a" data-role="footer" data-position="fixed" class="ui-bar"&gt;
          &lt;div data-role="controlgroup" data-type="horizontal"&gt;
              &lt;a href="/home/howworks" data-transition="fade" data-theme="a" data-icon=""&gt;
                  How This Works
              &lt;/a&gt;
              &lt;a href="/home/privacypolicy" data-transition="fade" data-theme="a" data-icon=""&gt;
                  Privacy
              &lt;/a&gt;
              &lt;a href="/home/termsandconditions" data-transition="fade" data-theme="a" data-icon=""&gt;
                  Conditions
              &lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I'd love to be able to just throw in a style or two and create some more room if at all possible.</p>
  
  <p>TIA</p>