flex layout not working with md-dialog-actions
<p>I need to open a modal on button click for which i am using angular material.
where i need two buttons at the bottom of a dialog towards right .
I used layout with flex which is not working as required.</p>

<p>Html:</p>

<pre><code>&lt;md-dialog ng-cloak class="promptIncludeExclude-options"&gt;
&lt;md-toolbar class="promptIncludeExclude-header"&gt;
    &lt;div class="md-toolbar-tools"&gt;
        &lt;span class="title"&gt;Product Inclusion Notification&lt;/span&gt;
        &lt;span flex&gt;&lt;/span&gt;
        &lt;md-button class="md-icon-button" ng-click="dialogController.closeDialog()"&gt;
            &lt;span class="close-dialog"&gt;&amp;#10005;&lt;/span&gt;
        &lt;/md-button&gt;
    &lt;/div&gt;
&lt;/md-toolbar&gt;
&lt;md-dialog-content&gt;
&lt;/md-dialog-content&gt;
&lt;md-dialog-actions layout="row"&gt;
    &lt;div flex="25" flex-offset="25"&gt;&lt;md-button ng-click="dialogController.closeDialog()" &gt;Proceed&lt;/md-button&gt;&lt;/div&gt;
    &lt;div flex="50" flex-offset="20" &gt;&lt;md-button ng-click="dialogController.closeDialog()"&gt;Cancel&lt;/md-button&gt;&lt;/div&gt;
&lt;/md-dialog-actions&gt;
</code></pre>

<p></p>