Put md-switch in the middle of the cards (AngularJS material design ,Css)

I want to create the same design like chrome settings page https://www.pcworld.com/article/3162716/software/how-to-switch-to-chromes-material-design-settings-page-for-an-easier-experience.html

I do not manage to put the md-switch at the right and in static position like chrome settings

I do manage to put the md-switch in right to the title but I need it always in the middle of the card stick to right.

Image of my result: (current design)

Image of my result

<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>