From 4b72b73bc21a628ce8408345d59357f4583c1a51 Mon Sep 17 00:00:00 2001
From: Jing <eefi@eureka>
Date: Sun, 28 Nov 2021 14:14:39 +0100
Subject: [PATCH] use float instead of flex

---
 themes/cookbook/layouts/_default/baseof.print.html |  8 ++++----
 themes/cookbook/layouts/partials/printscript.html  | 10 +++++-----
 themes/cookbook/static/css/custom.css              |  2 +-
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/themes/cookbook/layouts/_default/baseof.print.html b/themes/cookbook/layouts/_default/baseof.print.html
index bbd6fdc..c5e26c6 100644
--- a/themes/cookbook/layouts/_default/baseof.print.html
+++ b/themes/cookbook/layouts/_default/baseof.print.html
@@ -103,13 +103,13 @@
     height: 3rem;
   }
 
-  .allZutaten {
-    display: flex;
-    flex-wrap: wrap;
+  .clear {
+    clear:both;
   }
 
   .zutatenWrapper {
-    flex-basis: 49%;
+    margin: 1em;
+    float: left;
   }
 </style>
 <div class="section">
diff --git a/themes/cookbook/layouts/partials/printscript.html b/themes/cookbook/layouts/partials/printscript.html
index ae4be23..92669f1 100644
--- a/themes/cookbook/layouts/partials/printscript.html
+++ b/themes/cookbook/layouts/partials/printscript.html
@@ -3,6 +3,7 @@
 <script>
 window.addEventListener('load', function () {
 	const zutatenNode = document.evaluate('//*[@id="zutaten"]', document).iterateNext()
+	const zubereitungNode = document.evaluate('//*[@id="zubereitung"]', document).iterateNext()
 
 	let nodeBlocks = []
 	let nextNode = zutatenNode.nextElementSibling
@@ -16,23 +17,22 @@ window.addEventListener('load', function () {
 		nextNode = nextNode.nextElementSibling
 	}
 
-	let allIngredientsDiv = document.createElement('div')
-	allIngredientsDiv.id = "allZutaten"
-	allIngredientsDiv.classList.add('allZutaten')
+	let clearDiv = document.createElement('div')
+	clearDiv.classList.add('clear')
 	let nodeBlockIndex = 0
 	nodeBlocks.forEach(function(nodeArray) {
 		let outerDiv = document.createElement('div')
 		outerDiv.id = `wrap${nodeBlockIndex}`
 
 		outerDiv.classList.add("zutatenWrapper")
-		allIngredientsDiv.appendChild(outerDiv)
+		zutatenNode.parentNode.insertBefore(outerDiv, zubereitungNode)
 		for(elem of nodeArray) {
 			outerDiv.appendChild(elem)
 		}
 
 		nodeBlockIndex += 1
 	})
-	zutatenNode.parentNode.insertBefore(allIngredientsDiv, zutatenNode.nextSibling)
+	zutatenNode.parentNode.insertBefore(clearDiv, zubereitungNode)
 	console.log("Finished fiddling")
 })
 </script>
diff --git a/themes/cookbook/static/css/custom.css b/themes/cookbook/static/css/custom.css
index b74262d..45f3d40 100644
--- a/themes/cookbook/static/css/custom.css
+++ b/themes/cookbook/static/css/custom.css
@@ -1,4 +1,4 @@
 li {
     padding-bottom: .5em;
     font-size: 20px;
-}
\ No newline at end of file
+}