Lepší řešení otáčecích karet na dotykových zařízeních

mamweb/static/css/modules.css

@@ -120,8 +120,9 @@ div.flip-card-foto, div.flip-card-foto img {
 	background-color: white;
 }
 
-@media(max-width: 800px) {
+/* Pokud je na přední straně něco proklikávacího (třeba celá fotka), tak na dotykových zařízeních nemůže proklikávat, aby se dalo otáčet */
-	a.ref-org-foto { pointer-events: none; }
+@media(hover: none) {
+	.flip-card-foto a { pointer-events: none; }
 }
 
 /* karty archiv */

seminar/templates/seminar/cojemam/organizatori.html

@@ -44,7 +44,7 @@
 
     <div class="flip-card-foto">
     {% if org.osoba.foto %}
-      <a href="{{org.osoba.foto.url}}" class="ref-org-foto"><img src="{{org.osoba.foto_male.url}}" height="{{org.osoba.foto_male.height}}" alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"></a>
+      <a href="{{org.osoba.foto.url}}"><img src="{{org.osoba.foto_male.url}}" height="{{org.osoba.foto_male.height}}" alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"></a>
     {% else %} {# pokud osoba nemá fotku, zobrazuje se defaultní obrázek #}
       {% load static %} <img src="{% static 'images/no-photo.png' %}" height=200px alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}">
     {% endif %}