fixed Unbound error

boxes/templates/boxes/box_detail.html

@@ -43,20 +43,21 @@
             background-color: #f8f9fa;
         }
         .thumbnail {
-            width: 200px;
+            width: 50px;
-            height: 200px;
+            height: 50px;
             object-fit: cover;
             border-radius: 4px;
         }
         .no-image {
-            width: 200px;
+            width: 50px;
-            height: 200px;
+            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>

boxes/views.py

@@ -78,6 +78,8 @@ def add_things(request, box_id):
             if created_count > 0:
                 success_message = f'Added {created_count} thing{"s" if created_count > 1 else ""} successfully.'
             formset = ThingFormSet()
+    else:
+        formset = ThingFormSet()
     
     return render(request, 'boxes/add_things.html', {
         'box': box,