Disable text selection and image dragging for better touchscreen support

static/css/matemat.css

@@ -1,3 +1,12 @@
+* {
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
 .thumblist-item {
     display: inline-block;
     margin: 5px;

templates/productlist.html

@@ -59,7 +59,7 @@
                 </span><br/>
 		{% endif %}
                 <div class="imgcontainer">
-                    <img src="/static/upload/thumbnails/products/{{ product.id }}.png" alt="Picture of {{ product.name }}"/>
+                    <img src="/static/upload/thumbnails/products/{{ product.id }}.png" alt="Picture of {{ product.name }}" draggable="false"/>
                     {% set pstock = stock.get_stock(product) %}
                     {% if pstock is not none %}
                     <span class="thumblist-stock">{{ pstock }}</span>

templates/userlist.html

@@ -14,7 +14,7 @@
             <a href="/touchkey?uid={{ user.id }}&username={{ user.name }}">
                 <span class="thumblist-title">{{ user.name }}</span><br/>
                 <div class="imgcontainer">
-                    <img src="/static/upload/thumbnails/users/{{ user.id }}.png" alt="Avatar of {{ user.name }}"/>
+                    <img src="/static/upload/thumbnails/users/{{ user.id }}.png" alt="Avatar of {{ user.name }}" draggable="false"/>
                 </div>
             </a>
         </div>