From f779b70deb1250802e7ebfe2d9a759ea15f8e0d8 Mon Sep 17 00:00:00 2001
From: Raphael Michel <mail@raphaelmichel.de>
Date: Mon, 11 Jul 2016 19:52:49 +0200
Subject: [PATCH] Improved UI of language switcher

---
 .../presale/templates/pretixpresale/event/base.html       | 8 +++-----
 src/static/pretixpresale/scss/main.scss                   | 6 ++++++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/pretix/presale/templates/pretixpresale/event/base.html b/src/pretix/presale/templates/pretixpresale/event/base.html
index d00ae093e9..ae5785aa18 100644
--- a/src/pretix/presale/templates/pretixpresale/event/base.html
+++ b/src/pretix/presale/templates/pretixpresale/event/base.html
@@ -29,11 +29,9 @@
             {% if request.event.settings.locales|length > 1 %}
                 <div class="locales">
                     {% for l in request.event.settings.locales %}
-                        {% if l != request.LANGUAGE_CODE %}
-                            <a href="{% url "presale:locale.set" %}?locale={{ l }}&next={{ request.path }}%3F{{ request.META.QUERY_STRING|urlencode }}">
-                                <img src="{% static "pretixbase/img/flags" %}/{{ l }}.png"/>
-                            </a>
-                        {% endif %}
+                        <a href="{% url "presale:locale.set" %}?locale={{ l }}&next={{ request.path }}%3F{{ request.META.QUERY_STRING|urlencode }}"
+                            class="{% if l == request.LANGUAGE_CODE %}active{% endif %}"
+                            ><img src="{% static "pretixbase/img/flags" %}/{{ l }}.png"/></a>
                     {% endfor %}
                 </div>
             {% endif %}
diff --git a/src/static/pretixpresale/scss/main.scss b/src/static/pretixpresale/scss/main.scss
index 7c6687979b..f1581cf7fb 100644
--- a/src/static/pretixpresale/scss/main.scss
+++ b/src/static/pretixpresale/scss/main.scss
@@ -30,6 +30,12 @@ footer {
     a {
         text-decoration: none;
     }
+    a:hover {
+        border-bottom: 2px solid $gray-light;
+    }
+    a.active {
+        border-bottom: 2px solid $brand-primary;
+    }
     img {
         vertical-align: baseline;
     }