small recipe card tweaks

2021-06-28 16:41:45 +02:00
parent cdbcc971b1
commit 78885987f0
4 changed files with 11 additions and 31 deletions
--- a/vue/src/components/RecipeCard.vue
+++ b/vue/src/components/RecipeCard.vue
@ -12,13 +12,13 @@
    </a>


-    <b-card-body>
-      <h5><a :href="clickUrl()">
+    <b-card-body style="padding: 16px">
+      <h6><a :href="clickUrl()">
        <template v-if="recipe !== null">{{ recipe.name }}</template>
        <template v-else>{{ meal_plan.title }}</template>
-      </a></h5>
+      </a></h6>

-      <b-card-text style="text-overflow: ellipsis">
+      <b-card-text style="text-overflow: ellipsis;">
        <template v-if="recipe !== null">
          {{ recipe.description }}
          <keywords :recipe="recipe" style="margin-top: 4px"></keywords>