fix(demo): bottomSheet grid icon buttons are clipped

Fixes #8018.
angular · Apr 13, 2016 · 15424ba · 15424ba
1 parent c48df16
commit 15424ba
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/bottomSheet/demoBasicUsage/bottom-sheet-grid-template.html b/src/components/bottomSheet/demoBasicUsage/bottom-sheet-grid-template.html
@@ -5,12 +5,12 @@ <h4>Since <code>clickOutsideToClose = false</code>, drag down or press ESC to cl
   <div>
     <md-list flex layout="row" layout-align="center center">
       <md-list-item ng-repeat="item in items">
-
+        <div>
         <md-button class="md-grid-item-content" ng-click="listItemClick($index)">
           <md-icon md-svg-src="{{item.icon}}"></md-icon>
           <div class="md-grid-text"> {{ item.name }} </div>
         </md-button>
-
+        </div>
       </md-list-item>
     </md-list>
   </div>

diff --git a/src/components/bottomSheet/demoBasicUsage/style.css b/src/components/bottomSheet/demoBasicUsage/style.css
@@ -9,7 +9,8 @@
 }
 
 .md-grid-item-content {
-  height:96px;
+  height:90px;
+  padding-top:10px;
 }
 .md-grid-item-content md-icon {
   height: 48px;