Fix vertical alignment of 3rd-party service's title on the login form

Lokiedu · Sep 22, 2017 · 0c2c144 · 0c2c144
1 parent b891b96
commit 0c2c144
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/alt-button.js b/src/components/alt-button.js
@@ -76,7 +76,7 @@ export default class AltButton extends React.Component {
     return (
       <button className={cn} type="button" {...restProps}>
         <Icon {...finalIcon} />
-        {this.props.children}
+        <span>{this.props.children}</span>
       </button>
     );
   }

diff --git a/src/less/blocks/form.less b/src/less/blocks/form.less
@@ -94,7 +94,12 @@
       width: 32px;
       height: 32px;
     }
-
+
+    > span {
+      display: flex;
+      align-items: center;
+    }
+
     &--theme {
       // use with 'm' icon size
       &_paper {