Merge pull request #91 from back4app/fix_modal_title_icon_align

fix: Modal header title and icon vertical align

Author: paivaric

src/components/Modal/Modal.react.js

@@ -74,7 +74,7 @@ let Modal = (({
     <Popover fadeIn={true} fixed={true} position={origin} modal={true} color='rgba(17,13,17,0.8)'>
       <div className={[styles.modal, styles[type]].join(' ')} style={{ width }}>
         <div className={styles.header}>
-          <div style={{top: React.Children.count(subtitle) === 0 ? '37px' : '25px'}} className={styles.title}>{title}</div>
+          <div style={{top: React.Children.count(subtitle) === 0 ? '29px' : '25px'}} className={styles.title}>{title}</div>
           <div className={styles.subtitle}>{subtitle}</div>
           {icon ?
             <div className={styles.icon}>

src/components/Modal/Modal.scss

@@ -43,7 +43,7 @@
   position: absolute;
   font-size: 14px;
   color: white;
-  top: 49px;
+  top: 54px;
   left: 28px;
 }
 
@@ -61,10 +61,6 @@
     top: 50%;
     transform-origin: bottom center;
     @include transform(translateY(-50%));
-
-    use {
-      transform: translateY(50%);
-    }
   }
 }