как сделать вкладки material2 для использования полного размера страницы

Для выравнивания Проблема: я просто использую vertical-align:middle; в md-icon и меняю div на span. Кажется, работает.

<div>
  <md-tab-group >
    <md-tab>
        <ng-template md-tab-label>
            <md-icon style="vertical-align:middle;">description</md-icon> 
            <span class="title">Content Privileges</span>
        </ng-template>
        Content Privileges
    </md-tab>
    <md-tab>
        <ng-template md-tab-label>
            <md-icon style="vertical-align:middle;">flash_on</md-icon>
            <span class="title">Application Privileges</span>
        </ng-template>
        Application Privileges
    </md-tab>
  </md-tab-group>
</div>

Просто используйте mat-stretch-tabs с <mat-tab-group> для получения одинаковой ширины. например-

<mat-tab-group mat-stretch-tabs>
  <mat-tab>
   ...
  </mat-tab>
  <mat-tab>
    ...
  </mat-tab >
</mat-tab-group>

Вы можете использовать следующий css, чтобы распределить их равномерно.

/deep/ .mat-tab-label {
    width: 50%;
}

демонстрация