fix: recipe card details (#1486)

Signed-off-by: axel7083 <[email protected]>
containers · Aug 6, 2024 · 84decaf · 84decaf
1 parent ab939b2
commit 84decaf
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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}`}