From ed44deb5a64219f9dd6a6a81d335721aa3357275 Mon Sep 17 00:00:00 2001
From: "Adrian A. Baumann" <ade@adebaumann.com>
Date: Sun, 28 Dec 2025 23:19:51 +0100
Subject: [PATCH] Updated boxes page with links and smaller thumbnails

---
 boxes/templates/boxes/box_detail.html | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/boxes/templates/boxes/box_detail.html b/boxes/templates/boxes/box_detail.html
index 548b913..5a1fde7 100644
--- a/boxes/templates/boxes/box_detail.html
+++ b/boxes/templates/boxes/box_detail.html
@@ -43,20 +43,21 @@
             background-color: #f8f9fa;
         }
         .thumbnail {
-            width: 200px;
-            height: 200px;
+            width: 50px;
+            height: 50px;
             object-fit: cover;
             border-radius: 4px;
         }
         .no-image {
-            width: 200px;
-            height: 200px;
+            width: 50px;
+            height: 50px;
             background-color: #e0e0e0;
             display: flex;
             align-items: center;
             justify-content: center;
             color: #999;
             border-radius: 4px;
+            font-size: 12px;
         }
         .back-link {
             margin-bottom: 20px;
@@ -98,14 +99,14 @@
             <tr>
                 <td>
                     {% if thing.picture %}
-                    {% thumbnail thing.picture "200x200" crop="center" as thumb %}
+                    {% thumbnail thing.picture "50x50" crop="center" as thumb %}
                     <img src="{{ thumb.url }}" alt="{{ thing.name }}" class="thumbnail">
                     {% endthumbnail %}
                     {% else %}
                     <div class="no-image">No image</div>
                     {% endif %}
                 </td>
-                <td>{{ thing.name }}</td>
+                <td><a href="{% url 'thing_detail' thing.id %}">{{ thing.name }}</a></td>
                 <td>{{ thing.thing_type.name }}</td>
                 <td>{{ thing.description|default:"-" }}</td>
             </tr>