Merge branch 'planner' into 'main'

oppskrift-card

See merge request !27

src/components/RecipeCard.vue

@@ -11,7 +11,6 @@ export default {
 
 <template>
     <div class="recipe_card">
-        <img class="recipe_img" src="/dish-placeholder.png" :alt="`Bilde av {recipe.title}`">
         <div class="recipe_details">
             <div class="title">
                 <h2>{{ recipe.title }}</h2>
@@ -29,11 +28,9 @@ export default {
 @import "../style.scss";
 
 .recipe_card {
-    display: flex;
-    flex-direction: column;
     align-content: center;
 
-    height: 15rem;
+    height: 5rem;
     max-width: 30rem;
     gap: .5rem;
     margin-inline: .4rem;
@@ -57,6 +54,7 @@ export default {
 }
 
 .recipe_details {
+    margin-top: .4em;
     margin-inline: 1em;
 
     display: flex;