From 4fcba5e1cfc8290b3e38d977808888654bfcee1b Mon Sep 17 00:00:00 2001
From: Oscar Rezo <o.perez@rezoloco.com>
Date: Mon, 7 Nov 2016 16:31:50 +0100
Subject: [PATCH] Modified lang button background.

---
 js/components/header.js      |  4 ++--
 sass/bokk_custom_styles.scss | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/js/components/header.js b/js/components/header.js
index c9755b9a..34fbda0e 100644
--- a/js/components/header.js
+++ b/js/components/header.js
@@ -94,8 +94,8 @@ let Header = React.createClass({
     getLangSelector() {
         return (
             <li>
-                <button className="btn btn-sm btn-default" onClick={setCookie("sitelang", "fr", 30)}>{getLangText('Lang Label FR')}</button>
-				<button className="btn btn-sm btn-default" onClick={setCookie("sitelang", "en-US", 30)}>{getLangText('Lang Label EN')}</button>
+                <button className="btn-lang btn-lang-fr" onClick={setCookie("sitelang", "fr", 30)}></button>
+				<button className="btn-lang btn-lang-en" onClick={setCookie("sitelang", "en-US", 30)}></button>
             </li>
         );
     },
diff --git a/sass/bokk_custom_styles.scss b/sass/bokk_custom_styles.scss
index 0038627f..3627e9fd 100644
--- a/sass/bokk_custom_styles.scss
+++ b/sass/bokk_custom_styles.scss
@@ -4,6 +4,21 @@ $bokk--button-color: #ab52bd;
 $bokk--hover-color: ;
 $bokk--nav-bt:#FFFFFF;
 
+.btn-lang{
+	width: 16px;
+	height: 11px;
+	background-repeat: no-repeat;
+} 
+
+.btn-lang-fr{
+    background-image: url("http://www.bokk.io/wp-content/themes/eduma-child/assets/images/fr.png");
+  
+}
+
+.btn-lang-en{
+    background-image: url("http://www.bokk.io/wp-content/themes/eduma-child/assets/images/en.png");
+}
+
 .client--bokk {
     .navbar-default {
         background-color: $bokk--nav-bg-color;