From dc9d205186671229b35269f587804b70ddb29b92 Mon Sep 17 00:00:00 2001
From: Kristoff Lalicki <32229646+klalicki@users.noreply.github.com>
Date: Mon, 18 Dec 2023 17:53:03 -0500
Subject: [PATCH] re-enables sample recipe

---
 src/App.tsx                                  | 2 +-
 src/components/RecipeViewer/RecipeViewer.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 690e3b5..874fed0 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -16,7 +16,7 @@ const App = () => {
           Load Sample Recipe
         </button>
       </header>
-      <main className="w-full pt-4 pb-4 flex flex-col items-center">
+      <main className="w-full flex flex-col items-center">
         {/* <FileLoader /> */}
         <RecipeViewerWrapper />
       </main>
diff --git a/src/components/RecipeViewer/RecipeViewer.tsx b/src/components/RecipeViewer/RecipeViewer.tsx
index a73d360..5d7bd9c 100644
--- a/src/components/RecipeViewer/RecipeViewer.tsx
+++ b/src/components/RecipeViewer/RecipeViewer.tsx
@@ -11,7 +11,7 @@ export const RecipeViewer = () => {
   const stepCount = scaledRecipe.steps.length;
   if (isRecipeLoaded) {
     return (
-      <section className="p-4 flex flex-col gap-4">
+      <section className="p-4 flex flex-col gap-2">
         <h1 className=" text-2xl font-bold focus">{scaledRecipe.title}</h1>
         <p>{scaledRecipe.description}</p>
         <TargetScaleSetter />