From d80879f069681990ea797636ffb7c4df44775380 Mon Sep 17 00:00:00 2001
From: Clement G <clement@garrot.org>
Date: Sun, 19 Apr 2020 13:00:16 +0200
Subject: [PATCH] feat(languageSelector): customize style #32

---
 src/components/layouts/LanguageSelector.jsx |  5 ++---
 src/scss/_app.scss                          | 20 ++++++++++++++++++++
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/components/layouts/LanguageSelector.jsx b/src/components/layouts/LanguageSelector.jsx
index c753b08..8661e6a 100644
--- a/src/components/layouts/LanguageSelector.jsx
+++ b/src/components/layouts/LanguageSelector.jsx
@@ -17,12 +17,11 @@ const LanguageSelector = () => {
     let locale=i18n.language.substring(0,2).toUpperCase();
     if(locale==="EN")locale="GB";
     return (<ReactFlagsSelect onSelect={selectHandler}
-        className="text-primary"
         countries={["GB", "FR", "ES", "DE"]}
         showOptionLabel={false}
         defaultCountry={locale}
-        selectedSize={14}
-        optionsSize={14}
+        selectedSize={15}
+        optionsSize={22}
         showSelectedLabel={false}
         />);
 };
diff --git a/src/scss/_app.scss b/src/scss/_app.scss
index f9cc227..ff7820a 100644
--- a/src/scss/_app.scss
+++ b/src/scss/_app.scss
@@ -310,3 +310,23 @@ li.sortable {
 .react-multi-email > span[data-placeholder] {
   padding: 0.25em !important;
 }
+
+
+/** flag selector **/
+.flag-select > button {
+  height:35px;
+}
+
+.flag-select__options{
+  width:65px;
+  text-align:center;
+  background-color: $mv-light-color !important;
+}
+
+.flag-select__options .flag-select__option{
+  padding:0;
+  margin:0;
+}
+.flag-select__options .flag-select__option__icon{
+  top:0;
+}