fixed up so home on navbar looks a bit better

shop/static/styles.css

@@ -140,6 +140,19 @@ a:link {
     margin-bottom: 10px;
 }
 
+.navbar_box_home {
+    height: 70px;
+    width: 200px;
+    margin-top: 10px;
+    margin-bottom: 10px;
+    margin-left: 20px;
+}
+
+.navbar_box_home:hover {
+    border-left: 1px solid grey;
+    border-right: 1px solid grey;
+}
+
 .navbar_box:hover {
     border-left: 1px solid grey;
     border-right: 1px solid grey;

shop/templates/layout.html

@@ -37,7 +37,7 @@
        alt="logo image" />
 </div>
     <ul class = "navbar">
-        <li><div class = "navbar_box"><a class = "navbar_item" href="{{ url_for('home') }}">Home</a></div></li>
+        <li><div class = "navbar_box_home"><a class = "navbar_item" href="{{ url_for('home') }}">Home</a></div></li>
         <li><div class = "navbar_box"><a class = "navbar_item" href="{{ url_for('shopping') }}">Shopping</a></div></li>
         <li><div class = "navbar_box"><a class = "navbar_item" href="{{ url_for('cart') }}">Cart</a></div></li>
         <li><div class = "navbar_box"><a class = "navbar_item" href="{{ url_for('wishlist') }}">Wishlist</a></div></li>