ui test

app/index.html

 
 <div layout="row"  flex>
     <md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">
-        <md-toolbar class="md-medium-tall">
+        <md-toolbar class="md-small-tall">
             <span>Toolbar</span>
         </md-toolbar>
         <md-content layout="column" flex>
             </div>
 
         </md-toolbar>
-        <md-content layout="column" flex>
+        <md-content layout="column" flex class="md-main-content">
             <div>42</div>
             <div>42</div>
             <div>42</div>

app/less/app.less

+.md-main-content {
+  padding-top: 10px;
+  padding-left: 10px;
+  overflow: scroll;
+}
+
 .text-center() {
   text-align: center;
 }