fix(action-sheet): follows MD spec

references #8663
ionic-team · Oct 22, 2016 · fd04eca · fd04eca
1 parent f69e981
commit fd04eca
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/components/action-sheet/action-sheet.md.scss b/src/components/action-sheet/action-sheet.md.scss
@@ -9,7 +9,7 @@ $action-sheet-md-group-margin-bottom:                   8px !default;
 
 $action-sheet-md-title-color:                           #757575 !default;
 $action-sheet-md-title-font-size:                       1.6rem !default;
-$action-sheet-md-title-padding:                         19px 16px 17px !default;
+$action-sheet-md-title-padding:                         11px 16px 17px !default;
 
 $action-sheet-md-button-min-height:                     4.8rem !default;
 $action-sheet-md-button-text-color:                     #222 !default;
@@ -19,11 +19,16 @@ $action-sheet-md-button-background:                     transparent !default;
 $action-sheet-md-button-background-activated:           #f1f1f1 !default;
 
 $action-sheet-md-icon-font-size:                        2.4rem !default;
-$action-sheet-md-icon-min-width:                        24px !default;
+$action-sheet-md-icon-width:                            2.3rem !default;
 $action-sheet-md-icon-text-align:                       center !default;
 $action-sheet-md-icon-vertical-align:                   middle !default;
-$action-sheet-md-icon-margin:                           0 28px 0 0 !default;
+$action-sheet-md-icon-margin:                           0 32px 0 0 !default;
 
+.action-sheet-md .action-sheet-container {
+  padding: .8rem 0;
+
+  background: $action-sheet-md-background;
+}
 
 .action-sheet-md .action-sheet-title {
   padding: $action-sheet-md-title-padding;
@@ -53,8 +58,9 @@ $action-sheet-md-icon-margin:                           0 28px 0 0 !default;
 
 .action-sheet-md .action-sheet-icon {
   margin: $action-sheet-md-icon-margin;
+  padding: 0;
 
-  min-width: $action-sheet-md-icon-min-width;
+  width: $action-sheet-md-icon-width;
 
   font-size: $action-sheet-md-icon-font-size;
   text-align: $action-sheet-md-icon-text-align;
@@ -63,12 +69,6 @@ $action-sheet-md-icon-margin:                           0 28px 0 0 !default;
 
 .action-sheet-md .action-sheet-group {
   overflow: hidden;
-
-  background: $action-sheet-md-background;
-}
-
-.action-sheet-md .action-sheet-group:last-child .action-sheet-button {
-  margin-bottom: $action-sheet-md-group-margin-bottom;
 }
 
 .action-sheet-md .action-sheet-group .button-inner {