From 3330359c4c3d6b1d056ab1b940b1cfbdbd5c9b82 Mon Sep 17 00:00:00 2001 From: Tom Moor Date: Sun, 16 Dec 2018 17:26:38 -0800 Subject: [PATCH] Fixes: Misalignment of signin buttons on mobile --- server/pages/components/SigninButtons.js | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/server/pages/components/SigninButtons.js b/server/pages/components/SigninButtons.js index 759019aa0..b2817972b 100644 --- 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`