<p dir="auto">The "vertical-align: middle" style property makes the a FlatButton label un-centered</p>
<ul dir="auto">
<li>[x ] I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">Based on the material design guidelines the label text of a button is meant to be in the center<br>
<a href="https://material.io/guidelines/components/buttons.html#buttons-style" rel="nofollow">https://material.io/guidelines/components/buttons.html#buttons-style</a></p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">The first screenshot is a default FlatButton on the material-ui website ,<br>
the distance under the label is smaller than the distance above<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5372332/30790052-e6b59330-a1ec-11e7-80e6-5958775b1c5e.png"><img src="https://user-images.githubusercontent.com/5372332/30790052-e6b59330-a1ec-11e7-80e6-5958775b1c5e.png" alt="screenshot 58" style="max-width: 100%;"></a></p>
<p dir="auto">this is same element with "vertical-align: middle" turned off, now centered<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5372332/30790061-f25b496e-a1ec-11e7-909b-b5351b94be46.png"><img src="https://user-images.githubusercontent.com/5372332/30790061-f25b496e-a1ec-11e7-909b-b5351b94be46.png" alt="screenshot 59" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>Head to <a href="http://www.material-ui.com/#/components/flat-button" rel="nofollow">http://www.material-ui.com/#/components/flat-button</a></li>
<li>inspect one of the buttons' labels in your browser</li>
<li>disable "vertical-align: center"</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">Adding a border to a FlatButton made it easy to notice the label wasn't centered<br>
It also affected the CircularLoading element</p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">Any using material-ui, including the current website (viewed 25th September 2017)</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<p dir="auto">I'd like to use the <code class="notranslate">TablePagination</code> component without a page size selector. Moreover, it would great if I can use a property like <code class="notranslate">showPageSizeSelector</code> or something like this to manage page size selector visibility. I've checked this <a href="https://material-ui-1dab0.firebaseapp.com/api/table-pagination/" rel="nofollow">article</a> but have not found such a functionality described.</p>