From 22dec90921c2cd6b7f7effd463f563786fc930e1 Mon Sep 17 00:00:00 2001
From: tomtjes <nesiofnqwe@mailbox.org>
Date: Sun, 21 Jan 2024 11:04:18 -0500
Subject: [PATCH 1/3] add scroll property to description

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

diff --git a/vue/src/components/RecipeCard.vue b/vue/src/components/RecipeCard.vue
index 8445be26..04718728 100755
--- a/vue/src/components/RecipeCard.vue
+++ b/vue/src/components/RecipeCard.vue
@@ -260,6 +260,7 @@ export default {
     padding-left: 1em;
     padding-right: 1em;
     width: 100%;
+    height: 100%;
     top: 50%;
     left: 50%;
     opacity: 0;
@@ -288,6 +289,10 @@ export default {
 .content-details p {
     color: #fff;
     font-size: 0.8em;
+    height: 100%;
+    overflow-y: scroll;
+    padding-top: 1em;
+    padding-bottom: 1em;
 }
 
 .fadeIn-bottom {

From a557e4628e4304dcb1634cfd7069b5349ba936f8 Mon Sep 17 00:00:00 2001
From: tomtjes <nesiofnqwe@mailbox.org>
Date: Sun, 21 Jan 2024 11:17:52 -0500
Subject: [PATCH 2/3] match quick action button border color with hamburger
 menu button

---
 vue/src/components/Buttons/RecipeSwitcher.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vue/src/components/Buttons/RecipeSwitcher.vue b/vue/src/components/Buttons/RecipeSwitcher.vue
index c724eadb..f001cc52 100644
--- a/vue/src/components/Buttons/RecipeSwitcher.vue
+++ b/vue/src/components/Buttons/RecipeSwitcher.vue
@@ -231,7 +231,7 @@ export default {
         font-size: 1.25rem;
         line-height: 1;
         background-color: transparent;
-        border: 1px solid rgba(46, 46, 46, 0.5);
+        border: 1px solid rgba(46, 46, 46, 0.1);
         border-radius: 0.1875rem;
         z-index: 1001;
     }

From 48d75a6c7e4eb283c5ee9c317112edc29bfbe054 Mon Sep 17 00:00:00 2001
From: tomtjes <nesiofnqwe@mailbox.org>
Date: Sun, 21 Jan 2024 13:47:06 -0500
Subject: [PATCH 3/3] 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 {