From c5bec8b69e495bbf16f529ee58fdf6126105b972 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Wed, 30 Jun 2021 14:42:48 +0200
Subject: [PATCH] fixed rendering of recipe cards without descriptions

---
 vue/src/components/RecipeCard.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/vue/src/components/RecipeCard.vue b/vue/src/components/RecipeCard.vue
index 5815c630b..a32f9e041 100644
--- a/vue/src/components/RecipeCard.vue
+++ b/vue/src/components/RecipeCard.vue
@@ -23,12 +23,15 @@
       <b-card-text style="text-overflow: ellipsis;">
         <template v-if="recipe !== null">
           <recipe-rating :recipe="recipe"></recipe-rating>
-          <span v-if="recipe.description.length > 120">
+          <template v-if="recipe.description !== null">
+            <span v-if="recipe.description.length > 120">
           {{ recipe.description.substr(0, 120) + "\u2026" }}
           </span>
-          <span v-if="recipe.description.length <= 120">
+            <span v-if="recipe.description.length <= 120">
           {{ recipe.description }}
           </span>
+          </template>
+
           <br/> <!-- TODO UGLY! -->
           <last-cooked :recipe="recipe"></last-cooked>
           <keywords :recipe="recipe" style="margin-top: 4px"></keywords>