feat(languageSelector): customize style #32

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}
         />);
 };

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;
+}