From 7b75e279b065b46610a490907109c952c78929b1 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Tue, 26 Jan 2021 18:21:45 +0100
Subject: [PATCH] shopping list ui somewhat bearable

---
 cookbook/serializer.py                |  2 +-
 cookbook/templates/shopping_list.html | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/cookbook/serializer.py b/cookbook/serializer.py
index 7e6b84237..5f34ecbdf 100644
--- a/cookbook/serializer.py
+++ b/cookbook/serializer.py
@@ -342,7 +342,7 @@ class ShoppingListRecipeSerializer(serializers.ModelSerializer):
 
 class ShoppingListEntrySerializer(WritableNestedModelSerializer):
     food = FoodSerializer(allow_null=True)
-    unit = UnitSerializer(allow_null=True)
+    unit = UnitSerializer(allow_null=True, required=False)
     amount = CustomDecimalField()
 
     class Meta:
diff --git a/cookbook/templates/shopping_list.html b/cookbook/templates/shopping_list.html
index a1e855ccd..e6a168e5d 100644
--- a/cookbook/templates/shopping_list.html
+++ b/cookbook/templates/shopping_list.html
@@ -109,14 +109,14 @@
                 </div>
             </div>
 
-            <table class="table table-sm table-striped" style="margin-top: 1vh">
+            <table class="table table-sm" style="margin-top: 1vh">
 
                 <template v-for="c in display_categories">
-                    <tbody>
+                    <thead>
                     <tr>
-                        <td colspan="4">[[c.name]]</td>
+                        <th colspan="5">[[c.name]]</th>
                     </tr>
-                    </tbody>
+                    </thead>
                     <tbody is="draggable" :list="c.entries" tag="tbody" group="people" @sort="sortEntries"
                            @change="dragChanged(c, $event)">
                     <tr v-for="(element, index) in c.entries" :key="element.id">
@@ -686,7 +686,7 @@
                             'unit': this.new_entry.unit,
                             'amount': parseFloat(this.new_entry.amount),
                             'order': 0,
-                            'checked': false
+                            'checked': false,
                         })
 
                         this.new_entry = {
@@ -781,7 +781,7 @@
                     })
                 },
                 addFoodType: function (tag, index) { //TODO move to central component
-                    let new_food = {'name': tag}
+                    let new_food = {'name': tag, supermarket_category: null}
                     this.foods.push(new_food)
                     this.new_entry.food = new_food
                 },