title: Is it possible to make an md-button smaller?
body: <p>I want my buttons showing left- and right arrow and NOW text to be as small as possible. How do I do that?</p>
  
  <pre><code>&lt;div ng-controller="DateCtrl" layout="row" flex&gt;
       &lt;md-datepicker ng-model="activeDate" md-placeholder="Enter date" ng-change="changeDate()"&gt;&lt;/md-datepicker&gt;
       &lt;div&gt;
           &lt;md-button class="md-raised" ng-click="prev()"&gt;&amp;lt;&lt;/md-button&gt;
           &lt;md-button class="md-raised" ng-click="changeToday()"&gt;NOW&lt;/md-button&gt;
           &lt;md-button class="md-raised" ng-click="next()"&gt;&amp;gt;&lt;/md-button&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>With the current solution the buttons will be arranged as if they were in a <code>layout="column"</code>, that is vertically.</p>
  
  <p>Before I dig into this CSS-style, I just wanted to check if there is a preferred Angular-Material way of doing this?</p>