Как определить фиксированные гибкие размеры для Angular Material?

Я получил следующую разметку

<div layout="column" layout-align="space-around center" ng-cloak>
  <div flex="85">
    <div layout="row" layout-align="space-around center">
      <div flex>
        <md-button class="md-fab md-warn" ui-sref="settings">
          <ng-md-icon icon="settings" style="fill:white"></ng-md-icon>
        </md-button>
        <span class="md-subhead">Configuraciones</span>
      </div>
      <div flex>
        <md-button class="md-fab md-primary" aria-label="Eat cake" ng-click="watch()">
          <ng-md-icon icon="play_arrow" style="fill:white"></ng-md-icon>
        </md-button>
      </div>
    </div>
  </div>
  <div flex="15">
    <div layout="row" layout-align="space-around center">
      <div flex>
        <img src="public/img/buap-logo.png" class="img-rounded img-responsive center-block finalcut-img-small" style=""/>
      </div>
      <div flex>
        <img src="public/img/lke-logo.jpg" class="img-rounded img-responsive center-block finalcut-img-small" style=""/>
      </div>
    </div>
  </div>
</div>

Производство следующего:

Однако мне нужно, чтобы div кнопок занимал 85% высоты родительского контейнера, поэтому я добавил атрибут flex="85", а div с изображениями должен составлять 15% высоты.

Я не уверен, как я должен установить их свойства, чтобы получить это так. Согласно документам, это должно заставить его работать.