From 47ab753959af8741f1337852da7220e244714274 Mon Sep 17 00:00:00 2001
From: Philip Molares <git@molar.es>
Date: Sun, 24 May 2020 12:18:12 +0200
Subject: [PATCH] changed language-picker select to react bootstraps version
 (#57)

changed language-picker select to react bootstraps version
fixes #52

Signed-off-by: Philip Molares <philip.molares@udo.edu>
---
 .../landing/layout/footer/language-picker.tsx         | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/landing/layout/footer/language-picker.tsx b/src/components/landing/layout/footer/language-picker.tsx
index 827139063..74d69d4d7 100644
--- a/src/components/landing/layout/footer/language-picker.tsx
+++ b/src/components/landing/layout/footer/language-picker.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import {useTranslation} from "react-i18next";
 import moment from "moment";
+import { Form } from "react-bootstrap";
 
 const LanguagePicker: React.FC = () => {
     const {i18n} = useTranslation();
@@ -11,7 +12,13 @@ const LanguagePicker: React.FC = () => {
     }
 
     return (
-        <select className="mb-2" value={i18n.language} onChange={onChangeLang}>
+        <Form.Control
+            as="select"
+            size="sm"
+            className="mb-2 mx-auto w-auto"
+            value={i18n.language}
+            onChange={onChangeLang}
+        >
             <option value="en">English</option>
             <option value="zh-CN">简体中文</option>
             <option value="zh-TW">繁體中文</option>
@@ -40,7 +47,7 @@ const LanguagePicker: React.FC = () => {
             <option value="ar">العربية</option>
             <option value="cs">Česky</option>
             <option value="sk">Slovensky</option>
-        </select>
+        </Form.Control>
     )
 }