From 81c1df2a6d978da4faf01a02377403aec0b70cbd Mon Sep 17 00:00:00 2001
From: Philip Molares <philip.molares@udo.edu>
Date: Sat, 16 May 2020 23:50:41 +0200
Subject: [PATCH] made one-click-button arbitrary long to accompany arbitrary
 long custom names

Signed-off-by: Philip Molares <philip.molares@udo.edu>
---
 src/components/landing/pages/login/login.scss | 3 +++
 src/components/landing/pages/login/login.tsx  | 9 ++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)
 create mode 100644 src/components/landing/pages/login/login.scss

diff --git a/src/components/landing/pages/login/login.scss b/src/components/landing/pages/login/login.scss
new file mode 100644
index 000000000..598e0d928
--- /dev/null
+++ b/src/components/landing/pages/login/login.scss
@@ -0,0 +1,3 @@
+.social-button-container {
+  min-width: 30%;
+}
diff --git a/src/components/landing/pages/login/login.tsx b/src/components/landing/pages/login/login.tsx
index aaa6ca1f2..66a0d8be3 100644
--- a/src/components/landing/pages/login/login.tsx
+++ b/src/components/landing/pages/login/login.tsx
@@ -7,6 +7,7 @@ import {ViaLdap} from "./auth/via-ldap";
 import {useSelector} from "react-redux";
 import {ApplicationState} from "../../../../redux";
 import {ViaOpenId} from "./auth/via-open id";
+import "./login.scss";
 
 const Login: React.FC = () => {
     useTranslation();
@@ -55,17 +56,15 @@ const Login: React.FC = () => {
                                     .filter((value) => authProviders[value])
                                     .map((value) => {
                                         return (
-                                            <Col
-                                                xs={12}
-                                                md={4}
-                                                className="p-2 d-flex flex-column"
+                                            <div
+                                                className="p-2 d-flex flex-column social-button-container"
                                                 key={value}
                                             >
                                                 <ViaOneClick
                                                     oneClickType={value}
                                                     optionalName={oneClickCustomName(value)}
                                                 />
-                                            </Col>
+                                            </div>
                                         )
                                     })
                             }