From 3f6a5e7c1e29b161fc11bd0a2e5307c88dda0d78 Mon Sep 17 00:00:00 2001
From: chloe <chloestanton117@gmail.com>
Date: Fri, 20 Mar 2026 21:55:46 +0000
Subject: [PATCH] layout fix

---
 Seasoned.Frontend/app/assets/css/app-theme.css | 4 ++++
 Seasoned.Frontend/app/pages/recipe/[id].vue    | 9 ++++-----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/Seasoned.Frontend/app/assets/css/app-theme.css b/Seasoned.Frontend/app/assets/css/app-theme.css
index 5f5ad54..9d458d7 100644
--- a/Seasoned.Frontend/app/assets/css/app-theme.css
+++ b/Seasoned.Frontend/app/assets/css/app-theme.css
@@ -9,6 +9,10 @@ html, body {
   background-image: url("https://www.transparenttextures.com/patterns/tileable-wood-colored.png") !important;
   background-size: 500px;
   background-attachment: fixed;
+  background-repeat: repeat !important;
+  min-height: 100vh !important;
+  width: 100% !important;
+  display: block !important;
 }
 
 .landing-wrapper {
diff --git a/Seasoned.Frontend/app/pages/recipe/[id].vue b/Seasoned.Frontend/app/pages/recipe/[id].vue
index d9ecfad..3011fda 100644
--- a/Seasoned.Frontend/app/pages/recipe/[id].vue
+++ b/Seasoned.Frontend/app/pages/recipe/[id].vue
@@ -1,12 +1,11 @@
 <template>
-  <div class="recipe-bg min-h-screen pb-12">
-    <v-container class="py-10">
-      <RecipeDisplay 
+  <div class="recipe-bg">
+    <v-container class="py-10 d-flex justify-center"> <RecipeDisplay 
         v-if="normalizedRecipe" 
         :recipe="normalizedRecipe" 
         :is-public-view="true" 
-        class="recipe-card mx-auto"
-        style="max-width: 1000px;" 
+        class="recipe-card"
+        style="width: 100%; max-width: 1000px;" 
       />
       <v-progress-linear v-else indeterminate color="#8c4a32" />
     </v-container>