将md-switch放在卡片中间（AngularJS材料设计，Css）

Question

我想创建与Chrome设置页面相同的设计 https://www.pcworld.com/article/3162716/software/how-to-switch-to-chromes-material-design-settings-page-for-an-easier-experience.html

我无法将md-switch置于右侧和静态位置（如Chrome设置）

我确实设法将md-switch放在标题的正确位置，但我总是需要它在卡片的中间位置。

我的结果图片:(当前设计）

<md-card md-theme="{{ showDarkTheme ? 'dark-purple' : 'default' }}" md-theme-watch>
    <div class="option-item">
        <div class="option-item-header">
            <div class="option-item-header-title">
                title
            </div>
        </div>
        <div class="clear"></div>
        <div class="option-body">
            <p>text</p>
        </div>
    </div>
    <div class="option-switch">
        <md-switch ng-model="vm.model" aria-label="active" ng-change="function()">      
        </md-switch>
    </div>
</md-card>