fix(demo): button needs layout-wrap attribute

Fixes #3687.
angular · Jul 11, 2015 · 0d6e5ac · 0d6e5ac
1 parent 523ff09
commit 0d6e5ac
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/components/button/demoBasicUsage/index.html b/src/components/button/demoBasicUsage/index.html
@@ -2,23 +2,23 @@
 <div ng-controller="AppCtrl">
   <md-content>
 
-    <section layout="row" layout-sm="column" layout-align="center center">
+    <section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
       <md-button>{{title1}}</md-button>
       <md-button md-no-ink class="md-primary">Primary (md-noink)</md-button>
       <md-button ng-disabled="true" class="md-primary">Disabled</md-button>
       <md-button class="md-warn">{{title4}}</md-button>
       <div class="label">Flat</div>
     </section>
 
-    <section layout="row" layout-sm="column" layout-align="center center">
+    <section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
       <md-button class="md-raised">Button</md-button>
       <md-button class="md-raised md-primary">Primary</md-button>
       <md-button ng-disabled="true" class="md-raised md-primary">Disabled</md-button>
       <md-button class="md-raised md-warn">Warn</md-button>
       <div class="label">Raised</div>
     </section>
 
-    <section layout="row" layout-sm="column" layout-align="center center">
+    <section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
         <md-button class="md-fab" aria-label="Eat cake">
             <md-icon md-svg-src="img/icons/cake.svg"></md-icon>
         </md-button>
@@ -45,23 +45,23 @@
       <div class="label">FAB</div>
     </section>
 
-    <section layout="row" layout-sm="column" layout-align="center center">
+    <section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
         <md-button ng-href="{{googleUrl}}" target="_blank">Default Link</md-button>
         <md-button class="md-primary" ng-href="{{googleUrl}}" target="_blank">Primary Link</md-button>
 
         <md-button>Default Button</md-button>
       <div class="label">Link vs. Button</div>
     </section>
 
-    <section layout="row" layout-sm="column" layout-align="center center">
+    <section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
       <md-button class="md-primary md-hue-1">Primary Hue 1</md-button>
       <md-button class="md-warn md-raised md-hue-2">Warn Hue 2</md-button>
       <md-button class="md-accent">Accent</md-button>
       <md-button class="md-accent md-raised md-hue-1">Accent Hue 1</md-button>
       <div class="label">Themed</div>
     </section>
 
-    <section layout="row" layout-sm="column" layout-align="center center">
+    <section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
       <md-button class="md-icon-button md-primary" aria-label="Settings">
         <md-icon md-svg-icon="img/icons/menu.svg"></md-icon>
       </md-button>