made one-click-button arbitrary long to accompany arbitrary long custom names

Signed-off-by: Philip Molares <philip.molares@udo.edu>
This commit is contained in:
Philip Molares 2020-05-16 23:50:41 +02:00 committed by Philip Molares
parent a50ad6e6c8
commit 81c1df2a6d
2 changed files with 7 additions and 5 deletions

View file

@ -0,0 +1,3 @@
.social-button-container {
min-width: 30%;
}

View file

@ -7,6 +7,7 @@ import {ViaLdap} from "./auth/via-ldap";
import {useSelector} from "react-redux"; import {useSelector} from "react-redux";
import {ApplicationState} from "../../../../redux"; import {ApplicationState} from "../../../../redux";
import {ViaOpenId} from "./auth/via-open id"; import {ViaOpenId} from "./auth/via-open id";
import "./login.scss";
const Login: React.FC = () => { const Login: React.FC = () => {
useTranslation(); useTranslation();
@ -55,17 +56,15 @@ const Login: React.FC = () => {
.filter((value) => authProviders[value]) .filter((value) => authProviders[value])
.map((value) => { .map((value) => {
return ( return (
<Col <div
xs={12} className="p-2 d-flex flex-column social-button-container"
md={4}
className="p-2 d-flex flex-column"
key={value} key={value}
> >
<ViaOneClick <ViaOneClick
oneClickType={value} oneClickType={value}
optionalName={oneClickCustomName(value)} optionalName={oneClickCustomName(value)}
/> />
</Col> </div>
) )
}) })
} }