From fca146048e08976c68f2bbd25575375a8a5b2128 Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Tue, 28 Jul 2020 17:07:32 +0700
Subject: [PATCH] made horizontal grid for buttons

---
 src/containers/dialogs/LoginDialog/index.tsx | 25 +++++++++++++++-----
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/containers/dialogs/LoginDialog/index.tsx b/src/containers/dialogs/LoginDialog/index.tsx
index 7a6817ac..f7cc2c9c 100644
--- a/src/containers/dialogs/LoginDialog/index.tsx
+++ b/src/containers/dialogs/LoginDialog/index.tsx
@@ -15,6 +15,7 @@ import * as styles from './styles.scss';
 import * as ACTIONS from '~/redux/auth/actions';
 import * as MODAL_ACTIONS from '~/redux/modal/actions';
 import { ISocialProvider } from '~/redux/auth/types';
+import { Grid } from '~/components/containers/Grid';
 
 const mapStateToProps = selectAuthLogin;
 
@@ -91,13 +92,25 @@ const LoginDialogUnconnected: FC<IProps> = ({
           <span>Войти</span>
         </Button>
 
-        <Button color="outline" iconLeft="google" type="button" onClick={openOauthWindow('google')}>
-          <span>Google</span>
-        </Button>
+        <Grid columns="repeat(2, 1fr)">
+          <Button
+            color="outline"
+            iconLeft="google"
+            type="button"
+            onClick={openOauthWindow('google')}
+          >
+            <span>Google</span>
+          </Button>
 
-        <Button color="outline" iconLeft="vk" type="button" onClick={openOauthWindow('vkontakte')}>
-          <span>Вконтакте</span>
-        </Button>
+          <Button
+            color="outline"
+            iconLeft="vk"
+            type="button"
+            onClick={openOauthWindow('vkontakte')}
+          >
+            <span>Вконтакте</span>
+          </Button>
+        </Grid>
       </Group>
     ),
     [openOauthWindow]