From 84decaf5e31a35a261322452295d61788bc62559 Mon Sep 17 00:00:00 2001
From: axel7083 <42176370+axel7083@users.noreply.github.com>
Date: Tue, 6 Aug 2024 16:00:19 +0200
Subject: [PATCH] fix: recipe card details (#1486)

Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com>
---
 packages/frontend/src/lib/ContentDetailsLayout.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/lib/ContentDetailsLayout.svelte b/packages/frontend/src/lib/ContentDetailsLayout.svelte
index 93c2eb5ca..b2a69e9f4 100644
--- a/packages/frontend/src/lib/ContentDetailsLayout.svelte
+++ b/packages/frontend/src/lib/ContentDetailsLayout.svelte
@@ -19,9 +19,9 @@ const toggle = () => {
         <div
           class:hidden={!open}
           class:block={open}
-          class="h-fit lg:bg-[var(--pd-content-card-bg)] lg:text-[var(--pd-content-card-title)] lg:rounded-l-md lg:mt-5 lg:py-4 max-lg:block"
+          class="h-fit lg:bg-[var(--pd-content-card-bg)] text-[var(--pd-content-card-title)] lg:rounded-l-md lg:mt-5 lg:py-4 max-lg:block"
           aria-label={`${detailsLabel} panel`}>
-          <div class="flex flex-col px-4 space-y-4 mx-auto">
+          <div class="flex flex-col lg:px-4 space-y-4 mx-auto">
             <div class="w-full flex flex-row justify-between max-lg:hidden">
               <span>{detailsTitle}</span>
               <button on:click={toggle} aria-label={`hide ${detailsLabel}`}