fix(demo): bottomSheet grid icon buttons are clipped

Fixes #8018.

Author: ThomasBurleson

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>

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;