Use flex box to align icon and text

OfficeDev · Jun 8, 2016 · 659b9a9 · 659b9a9
1 parent ece7c72
commit 659b9a9
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Button/Button.scss b/src/components/Button/Button.scss
@@ -125,6 +125,7 @@
 //== Modifier: Hero button
 //
 .ms-Button.ms-Button--hero {
+  align-items: center;
   background-color: transparent;
   border: 0;
   display: flex;
@@ -139,18 +140,17 @@
     .ms-Icon {
       border-radius: 18px;
       border: 1px solid $ms-color-themePrimary;
+      font-size: $ms-font-size-s;
       height: 18px;
       line-height: 18px;
       width: 18px;
-      font-size: $ms-font-size-s;
     }
   }
 
   .ms-Button-label {
     color: $ms-color-themePrimary;
     font-size: $ms-font-size-xl;
     font-weight: $ms-font-weight-light;
-    line-height: 19px;
     position: relative;
     text-decoration: none;
   }