AngularJS md-tab-自定义标签布局

Question

长话短说。 我需要使用angularJS材质选项卡才能在AngularJS应用程序的多个组件之间切换。 一切工作正常（除了angularJS与angular2 +完全不同）。 但，
我在设置该标签的样式时遇到问题，以使其类似于每个模拟的外观。
在下面的屏幕截图中，您可以看到预期的结果（顶部），底部是我所达到的目标。 我不知道如何例如为标签本身添加边框并在标签之间添加空间，更不用说以固定大小创建标签了。
也许有些人可以告诉我如何实现类似于模拟的东西。
在下面，我添加了用于样式md标签的css样式。

.dashboard-tab md-tab-item {
    text-transform: none;
    font-family: "Calibri", Arial, Verdana;
    font-size: 16px;
    color: #009FD4;
}

.dashboard-tab md-tab-item.md-tab.md-active {
    color: #ffffff;
    background-color: #009FD4;
}

.dashboard-tab .md-active md-ink-ripple {
    background-color: #E6E6E6;
    color: white;
}

.dashboard-tab .tab-content-text {
    font-size: 12px;
    font-family: "Calibri", Arial, Verdana;
    color: white;
}

在此先感谢您的帮助。