FxLayout - Wrap复选框对齐/均匀

Question

我使用Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday在fxLayout中有7个星期几（row）的复选框。

它们应该是均匀间隔的，如果宽度变小，我希望复选框包装，而它们应该垂直对齐（考虑到日期的不同长度）。
因此，如果下一行有两天，则复选框应与第一行的两天对齐。

这就是我目前所拥有的（Checkbox未正确对齐）：

app.component.html

<div fxLayout="row row-reverse" fxLayoutAlign="start center" 
fxLayoutGap="1em">
  <md-checkbox checked="true" *ngFor="let day of availableDays">
    {{day}}
  </md-checkbox>
</div>

app.component.ts

import {Component} from '@angular/core';

@Component({
  selector: 'material-app',
  templateUrl: 'app.component.html'
})
export class AppComponent {
  availableDays = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
}

这里是相应的Plunk

你将如何实现我的需求？