From 7bf14d3c226d2d8d747657b1096a4e1e001d1886 Mon Sep 17 00:00:00 2001
From: erciccione <erciccione@protonmail.com>
Date: Thu, 1 Oct 2020 17:41:13 +0200
Subject: [PATCH] Navigation: add language img for language selector (desktop)

---
 _includes/header.html | 2 +-
 css/custom.css        | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/_includes/header.html b/_includes/header.html
index 31cfd2fc..92816411 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -71,7 +71,7 @@
                           <a href="https://translate.getmonero.org" class="top-link">Translate</a>
                           <div href="#" class="dropdown top-link language-change">
                             <input class="burger-checkdropdown" id="langdrop" type="checkbox" tabindex="0">
-                            <label for="langdrop">{{ site.data.languages.langs.[site.lang] }}
+                            <label for="langdrop"><img src="/img/language.png" alt="Language selector icon" class="icon-language"/>{{ site.data.languages.langs.[site.lang] }}
                            <div class="arrow-down"></div></label>
                             <div class="dropdown-content text-center">
                               {% for lang in site.languages %}
diff --git a/css/custom.css b/css/custom.css
index c229e365..032f69da 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1849,6 +1849,12 @@ img.monero-logo {
     padding: 0.8rem 0.8rem 0.8rem 3.4rem;
 }
 
+img.icon-language {
+  width: 1rem;
+  padding-right: 0.2rem;
+  vertical-align: middle;
+}
+
 .topnav .topnav-list a, .topnav .topnav-list label {
     color: #6B6B6B;
     text-decoration: none;