From b6a0c083a9d2df79b7dd4743527da63f23b9b378 Mon Sep 17 00:00:00 2001
From: Michael Drury <mpdrury15@gmail.com>
Date: Fri, 28 Apr 2023 12:23:53 +0100
Subject: [PATCH] fixed up so home on navbar looks a bit better
---
shop/static/styles.css | 13 +++++++++++++
shop/templates/layout.html | 2 +-
2 files changed, 14 insertions(+), 1 deletion(-)
diff --git a/shop/static/styles.css b/shop/static/styles.css
index 24ab2bb..7e1e0fb 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 a643c49..9c3dec6 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>
--
GitLab