From 48d75a6c7e4eb283c5ee9c317112edc29bfbe054 Mon Sep 17 00:00:00 2001 From: tomtjes Date: Sun, 21 Jan 2024 13:47:06 -0500 Subject: [PATCH] restore short descriptions to be vertically centered --- vue/src/components/RecipeCard.vue | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) diff --git a/vue/src/components/RecipeCard.vue b/vue/src/components/RecipeCard.vue index 04718728..2a8feabc 100755 --- a/vue/src/components/RecipeCard.vue +++ b/vue/src/components/RecipeCard.vue @@ -257,10 +257,10 @@ export default { .content-details { position: absolute; text-align: center; - padding-left: 1em; - padding-right: 1em; + padding: 1em 1em 0 1em; width: 100%; - height: 100%; + max-height: 100%; + overflow-y: scroll; top: 50%; left: 50%; opacity: 0; @@ -289,10 +289,6 @@ export default { .content-details p { color: #fff; font-size: 0.8em; - height: 100%; - overflow-y: scroll; - padding-top: 1em; - padding-bottom: 1em; } .fadeIn-bottom {