[A11y] fix waitinglist-link not being recognizable as a link

src/pretix/presale/templates/pretixpresale/event/fragment_availability.html

@@ -1,4 +1,5 @@
 {% load i18n %}
+{% load icon %}
 {% load eventurl %}
 
 {% if item.current_unavailability_reason == 'require_voucher' %}
@@ -20,14 +21,15 @@
 {% elif avail <= 10 %}
     <div class="col-md-2 col-sm-3 col-xs-6 availability-box gone">
         {% if price or original_price %}
-            <strong>{% trans "SOLD OUT" %}</strong>
+            <strong>{% icon "ban" %} {% trans "SOLD OUT" %}</strong>
         {% else %}
-            <strong>{% trans "FULLY BOOKED" %}</strong>
+            <strong>{% icon "ban" %} {% trans "FULLY BOOKED" %}</strong>
         {% endif %}
+            </span>
         {% if allow_waitinglist and item.allow_waitinglist %}
             <br/>
-            <a href="{% eventurl event "presale:event.waitinglist" cart_namespace=cart_namespace|default_if_none:"" %}?item={{ item.pk }}{% if var %}&var={{ var.pk }}{% endif %}{% if subevent %}&subevent={{ subevent.pk }}{% endif %}">
+            <a href="{% eventurl event "presale:event.waitinglist" cart_namespace=cart_namespace|default_if_none:"" %}?item={{ item.pk }}{% if var %}&var={{ var.pk }}{% endif %}{% if subevent %}&subevent={{ subevent.pk }}{% endif %}" class="btn btn-default btn-xs">
-                <span class="fa fa-plus-circle" aria-hidden="true"></span>
+                {% icon "plus-circle" %}
                 {% trans "Waiting list" %}
             </a>
         {% endif %}

src/pretix/presale/templates/pretixpresale/event/fragment_product_list.html

@@ -1,4 +1,5 @@
 {% load i18n %}
+{% load icon %}
 {% load l10n %}
 {% load eventurl %}
 {% load money %}
@@ -82,9 +83,9 @@
                             {% if not event.settings.show_variations_expanded %}
                                 {% if item.best_variation_availability <= 10 %}
                                     {% if not item.min_price %}
-                                        <strong class="gone">{% trans "FULLY BOOKED" %}</strong>
+                                        <strong class="gone">{% icon "ban" %} {% trans "FULLY BOOKED" %}</strong>
                                     {% else %}
-                                        <strong class="gone">{% trans "SOLD OUT" %}</strong>
+                                        <strong class="gone">{% icon "ban" %} {% trans "SOLD OUT" %}</strong>
                                     {% endif %}
                                     {% if allow_waitinglist and item.allow_waitinglist %}
                                         <br/>

src/pretix/static/pretixpresale/scss/_event.scss

@@ -23,7 +23,7 @@
         text-align: center;
 
         &.gone, .gone {
-            color: $alert-danger-text;
+            color: $brand-danger;
         }
         &.unavailable, .unavailable {
             color: $alert-warning-text;