Quero que meus botões, mostrando as setas esquerda e direita e o texto AGORA, sejam os menores possíveis. Como faço isso?

<div ng-controller="DateCtrl" layout="row" flex>
     <md-datepicker ng-model="activeDate" md-placeholder="Enter date" ng-change="changeDate()"></md-datepicker>
     <div>
         <md-button class="md-raised" ng-click="prev()">&lt;</md-button>
         <md-button class="md-raised" ng-click="changeToday()">NOW</md-button>
         <md-button class="md-raised" ng-click="next()">&gt;</md-button>
     </div>
</div>

Com a solução atual, os botões serão organizados como se estivessem em umlayout="column", isto é verticalmente.

Antes de me aprofundar nesse estilo CSS, eu só queria verificar se existe uma maneira preferida de fazer o material angular?