Fixes: Misalignment of signin buttons on mobile

2018-12-16 17:26:38 -08:00
parent 3c51b38672
commit 3330359c4c
1 changed files with 6 additions and 4 deletions
--- a/server/pages/components/SigninButtons.js
+++ b/server/pages/components/SigninButtons.js
@@ -50,9 +50,11 @@ const SigninButtons = ({
 const Column = styled(Flex)`
  text-align: center;

-  &:first-child {
-    margin-right: 8px;
-  }
+  ${breakpoint('tablet')`
+    &:first-child {
+      margin-right: 8px;
+    }
+  `};
 `;

 const Wrapper = styled(Flex)`
@@ -62,7 +64,7 @@ const Wrapper = styled(Flex)`
  ${breakpoint('tablet')`
    display: flex;
    justify-content: flex-start;
-    `};
+  `};
 `;

 const Spacer = styled.span`