diff --git a/shop/static/styles.css b/shop/static/styles.css index 24ab2bb851b1f59f50d8ecf159fe173b9b13fef8..7e1e0fb44d7c12d28e4ce9830112575eb9f69246 100644 --- a/shop/static/styles.css +++ b/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; diff --git a/shop/templates/layout.html b/shop/templates/layout.html index a643c4901220d3af960c740e208bb7f868a23b0f..9c3dec6e833d70bcb6a6345d018d2ddb920738b2 100644 --- a/shop/templates/layout.html +++ b/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>