From e843e66de1ee00c4836703c0ef7154ba78c8af9d Mon Sep 17 00:00:00 2001
From: Dehalion <mail_github@pdav.at>
Date: Fri, 23 Dec 2022 16:18:45 +0000
Subject: [PATCH] Move recipe CSS to the recipe view

---
 public/css/grocy.css    | 21 ---------------------
 views/recipes.blade.php | 21 +++++++++++++++++++++
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/public/css/grocy.css b/public/css/grocy.css
index 02155df3..ffafdd60 100755
--- a/public/css/grocy.css
+++ b/public/css/grocy.css
@@ -661,25 +661,4 @@ canvas.drawingBuffer {
 .not-allowed {
 	pointer-events: none;
 	opacity: 0.5;
-}
-
-@media only screen and (min-width: 60rem) {
-	/* See ingredients and recipe side by side */
-
-	.fullscreen [id^=recipe-] .tab-content {
-		display: flex;
-	}
-
-	.fullscreen [id^=recipe-] .nav-tabs {
-		display: none;
-	}
-
-	.fullscreen [id^=recipe-] [id^=ingredients-] {
-		width: 20rem;
-		padding-right: 3rem;
-	}
-
-	.fullscreen [id^=recipe-] [id^=prep-] {
-		display: inline;
-	}
 }
\ No newline at end of file
diff --git a/views/recipes.blade.php b/views/recipes.blade.php
index 422afe7e..a345e5e4 100644
--- a/views/recipes.blade.php
+++ b/views/recipes.blade.php
@@ -10,6 +10,27 @@
 		max-height: 250px !important;
 		object-fit: cover !important;
 	}
+
+	@media only screen and (min-width: 60rem) {
+		/* See ingredients and recipe side by side */
+
+		.fullscreen [id^=recipe-] .tab-content {
+			display: flex;
+		}
+
+		.fullscreen [id^=recipe-] .nav-tabs {
+			display: none;
+		}
+
+		.fullscreen [id^=recipe-] [id^=ingredients-] {
+			width: 20rem;
+			padding-right: 3rem;
+		}
+
+		.fullscreen [id^=recipe-] [id^=prep-] {
+			display: inline;
+		}
+	}
 </style>
 @endpush