Revert "use float instead of flex"

This reverts commit 4b72b73bc2.

themes/cookbook/layouts/_default/baseof.print.html

@@ -103,13 +103,13 @@
     height: 3rem;
   }
 
-  .clear {
-    clear:both;
+  .allZutaten {
+    display: flex;
+    flex-wrap: wrap;
   }
 
   .zutatenWrapper {
-    margin: 1em;
-    float: left;
+    flex-basis: 49%;
   }
 </style>
 <div class="section">

themes/cookbook/layouts/partials/printscript.html

@@ -3,7 +3,6 @@
 <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
@@ -17,22 +16,23 @@ window.addEventListener('load', function () {
 		nextNode = nextNode.nextElementSibling
 	}
 
-	let clearDiv = document.createElement('div')
-	clearDiv.classList.add('clear')
+	let allIngredientsDiv = document.createElement('div')
+	allIngredientsDiv.id = "allZutaten"
+	allIngredientsDiv.classList.add('allZutaten')
 	let nodeBlockIndex = 0
 	nodeBlocks.forEach(function(nodeArray) {
 		let outerDiv = document.createElement('div')
 		outerDiv.id = `wrap${nodeBlockIndex}`
 
 		outerDiv.classList.add("zutatenWrapper")
-		zutatenNode.parentNode.insertBefore(outerDiv, zubereitungNode)
+		allIngredientsDiv.appendChild(outerDiv)
 		for(elem of nodeArray) {
 			outerDiv.appendChild(elem)
 		}
 
 		nodeBlockIndex += 1
 	})
-	zutatenNode.parentNode.insertBefore(clearDiv, zubereitungNode)
+	zutatenNode.parentNode.insertBefore(allIngredientsDiv, zutatenNode.nextSibling)
 	console.log("Finished fiddling")
 })
 </script>