buttons.scss in tao_ui-0.1.2

- old
+ new

@@ -1,11 +1,9 @@
 @import 'tao/ui/globals';
 
 .button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
+  display: inline-block;
   padding: $button-padding;
   font-size: $button-font-size;
   line-height: $button-line-height;
   border-radius: $border-radius-s;
   cursor: pointer;
@@ -16,13 +14,12 @@
   user-select: none;
   transition: background 200ms, color 200ms, fill 200ms, border-color 200ms, box-shadow 200ms;
   @include button-colors($default-button-colors);
 
   .icon {
-    width: 1em;
-    height: 1em;
-    margin: 0 0.4em 0 0;
+    vertical-align: text-top;
+    margin-right: 0.4em;
   }
 
   &:focus, &.focus {
     outline: none;
   }
@@ -55,9 +52,9 @@
     font-size: $small-button-font-size;
     line-height: $small-button-line-height;
   }
 
   &.button-block {
-    display: flex;
+    display: block;
     width: 100%;
   }
 }