From de85a6b3347eec9ddd1429b4ed87c73d222899a7 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Sat, 2 May 2020 12:07:03 +0200
Subject: [PATCH] further search style improvements

---
 cookbook/tables.py                    |  2 +-
 cookbook/templates/recipes_table.html | 23 ++++++++++++++++-------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/cookbook/tables.py b/cookbook/tables.py
index 57ffa94fa..a23d3be2f 100644
--- a/cookbook/tables.py
+++ b/cookbook/tables.py
@@ -23,7 +23,7 @@ class RecipeTable(tables.Table):
     class Meta:
         model = Recipe
         template_name = 'recipes_table.html'
-        fields = ('id', 'name', 'all_tags', 'image', 'instructions', 'working_time', 'waiting_time')
+        fields = ('id', 'name', 'all_tags', 'image', 'instructions', 'working_time', 'waiting_time', 'internal')
 
 
 class KeywordTable(tables.Table):
diff --git a/cookbook/templates/recipes_table.html b/cookbook/templates/recipes_table.html
index 9f7f35357..61838540a 100644
--- a/cookbook/templates/recipes_table.html
+++ b/cookbook/templates/recipes_table.html
@@ -14,19 +14,24 @@
                             <div class="card">
                                 <div class="row no-gutters">
                                     <div class="col-md-4">
+
+
                                         {% if row.cells.image|length > 1 %}
-                                            <img src="{{ row.cells.image }}" class="card-img"
-                                                 alt="{% trans 'Recipe Image' %}"
-                                                 style="height: 100%;">
+                                            <img src=" {{ row.cells.image }}" alt="{% trans 'Recipe Image' %}"
+                                                 class="card-img" style="object-fit: cover; height: 10vh">
                                         {% else %}
-                                            <img src="{% static 'recipe_no_image.svg' %}" class="card-img"
-                                                 alt="{% trans 'Recipe Image' %}" style="height: 100%;">
+                                            <img src="{% static 'recipe_no_image.svg' %}"
+                                                 alt="{% trans 'Recipe Image' %}"
+                                                 class="card-img d-none d-lg-block" style="object-fit: inherit; height: 10vh">
+
                                         {% endif %}
+
                                     </div>
                                     <div class="col-md-8">
                                         <div class="card-body">
                                             <h5 class="card-title">{{ row.cells.name }}</h5>
-                                            <p class="card-text">{{ row.cells.all_tags }}
+                                            <p class="card-text{% if not row.record.all_tags %} d-none d-lg-block{% endif %}">
+                                                {{ row.cells.all_tags }}
                                             </p>
                                             <p class="card-text"><small class="text-muted">
                                                 {% if row.cells.working_time != 0 %}
@@ -38,7 +43,11 @@
                                                     <span
                                                             class="badge badge-secondary"><i
                                                             class="far fa-clock"></i> {% trans 'Waiting time ca.' %} {{ row.cells.waiting_time }} min </span>
-                                                {% endif %} {{ row.cells.edit }}</small></p>
+                                                {% endif %}{% if not row.record.internal %}
+                                                <span class="badge badge-info">{% trans 'External' %} </span>
+                                            {% endif %}
+                                                <span class="badge badge-light">{{ row.cells.edit }}</span>
+                                            </small></p>
 
                                         </div>
                                     </div>