title: Changing material2 md-toolbar height
body: <p>I have one <code>&lt;md-toolbar&gt;</code> and I want to change his height.</p>
  
  <pre><code>&lt;md-toolbar color="primary"&gt;Cards&lt;/md-toolbar&gt;
  </code></pre>
  
  <p>I simply tried this in my <code>component.scss</code>:</p>
  
  <pre><code>md-toolbar {
    height: 50px !important;
    min-height: 50px !important;
  }
  </code></pre>
  
  <p>But the text padding goes wrong (space from top is much bigger than the space from the bottom):</p>
  
  <p><a href="https://i.stack.imgur.com/TgdrO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TgdrO.png" alt="enter image description here"></a></p>
  
  <p>I tried to set the <code>padding</code> and <code>margin</code> to <code>0</code> but it didn't make any changes.</p>
  
  <p><strong>My questions</strong></p>
  
  <ol>
  <li>How I can adjust the annoying space so the text will be vertically centered perfectly?</li>
  <li>Any better way to update the <code>md-toolbar</code> height?</li>
  </ol>