From 020b794ef1c1b3ba67711e19b0baee7687c92c96 Mon Sep 17 00:00:00 2001 From: Hassan Abouelela <47495861+HassanAbouelela@users.noreply.github.com> Date: Tue, 16 Feb 2021 23:48:25 +0300 Subject: Cleans Up Error Display Signed-off-by: Hassan Abouelela <47495861+HassanAbouelela@users.noreply.github.com> --- src/components/OAuth2Button.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'src/components/OAuth2Button.tsx') diff --git a/src/components/OAuth2Button.tsx b/src/components/OAuth2Button.tsx index 61bcd99..b084571 100644 --- a/src/components/OAuth2Button.tsx +++ b/src/components/OAuth2Button.tsx @@ -36,7 +36,11 @@ const errorStyles = css` text-align: center; white-space: normal; box-sizing: border-box; - padding: 0 5rem; + + padding: 0 15rem; + @media (max-width: 750px) { + padding: 0 5rem; + } color: red; margin-top: 2.5rem; @@ -52,7 +56,7 @@ async function login(props: OAuth2ButtonProps, errorDialog: React.RefObject