Improved UI of language switcher

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 %}

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