From 192cf96cfbd16db7e5c2044fd9c24223a8b138ab Mon Sep 17 00:00:00 2001
From: Citronnelle <taikiviia@gmail.com>
Date: Mon, 9 Sep 2019 06:01:14 +0300
Subject: [PATCH] Ending spans is important

---
 web/style.css |  1 +
 web/view.html | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/web/style.css b/web/style.css
index 45b3ea0..9365bea 100644
--- a/web/style.css
+++ b/web/style.css
@@ -13,5 +13,6 @@
 	top: 20%;
 	left: 20%;
 	width: 50%;
+	height: 70%;
 	text-align: center;
 }
\ No newline at end of file
diff --git a/web/view.html b/web/view.html
index 6aac9ca..fb9bbe7 100644
--- a/web/view.html
+++ b/web/view.html
@@ -6,9 +6,9 @@
 	<link rel="stylesheet" type="text/css" href="style.css">
 	<script>
 		var urlStr = window.location.href;
-		urlStr = urlStr.split("?")[1];	// Will not get the first parameter without the split.
+		var queryStr = urlStr.split("?")[1];	// Will not get the first parameter without the split.
 
-		var searchParams = new URLSearchParams(urlStr);
+		var searchParams = new URLSearchParams(queryStr);
 
 		var prodFileName = searchParams.get("file");
 		var prodName = searchParams.get("name");
@@ -22,7 +22,7 @@
 			document.getElementById("prodName").innerText = prodName;
 			document.getElementById("prodPrice").innerText = price;
 
-			alert(prodName, price, fileName);
+			alert(prodName + ", " + price + ", " + fileName);
 		}
 	</script>
 </head>
@@ -34,9 +34,9 @@
 		<input class="right" type="button" name="cart" value="Cart">
 	</header>
 	<section name="view" class="center">
-		<img id="prodImage" width="300">
-		<br /><span id="prodPrice" />€
-		<br /><span id="prodName" />
+		<img id="prodImage" height="300">
+		<br /><span id="prodPrice"></span>
+		<br /><span id="prodName"></span>
 	</section>
 </body>
 </html> 
\ No newline at end of file