From 2cb457ac743f6a51b20231b0814bdaab1b5671de Mon Sep 17 00:00:00 2001
From: darkicewolf50 <brock.tomlinson@ucalgary.ca>
Date: Tue, 26 Mar 2024 23:20:36 -0600
Subject: [PATCH] added header: removed browser error and made css look the
 same

---
 src/Header/Header.css | 18 ++++++++++++++++--
 src/Header/Header.js  | 10 ++++------
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/Header/Header.css b/src/Header/Header.css
index 6076cf4..a0c1951 100644
--- a/src/Header/Header.css
+++ b/src/Header/Header.css
@@ -32,7 +32,7 @@ nav a {
 }
 
 nav a li {
-	background-color: none;
+	background-color: white;
 	padding: 0.5rem;
 	border: solid 1px gray;
 }
@@ -48,16 +48,30 @@ nav ul {
 	margin: 0px;
 	padding: 0px;
 }
+/* makes it so that the tags look the same whist having removing browser error */
+.DropDownHeader {
+	display: inline-block;
+	background-color: white;
+	padding: 0.5rem;
+	border: solid 1px gray;
+}
+
+.DropDownHeader:hover {
+	background-color: gray;
+}
 
 .Hide {
 	display: none;
 }
 
 .DropDown {
-	cursor: default;
 	position: relative;
 }
 
+.DropDown a {
+	cursor: default;
+}
+
 /* makes dropdown visible */
 .DropDown:hover .Hide {
 	display: block;
diff --git a/src/Header/Header.js b/src/Header/Header.js
index d562d0b..4e36533 100644
--- a/src/Header/Header.js
+++ b/src/Header/Header.js
@@ -81,8 +81,8 @@ const Header = () => {
 						</Link>
 						<li className="DropDown">
 							{/* this link and li only exits for styling purposes */}
-							<Link>
-								<li>Club Membership & Upcoming Events</li>
+							<Link className="DropDownHeader">
+								Club Membership & Upcoming Events
 							</Link>
 
 							<ul className="Hide">
@@ -98,11 +98,9 @@ const Header = () => {
 							</ul>
 						</li>
 						<li className="DropDown">
-							<Link>
-								<li>More</li>
-							</Link>
+							<Link className="DropDownHeader">More...</Link>
 							<ul className="Hide">
-								<Link>
+								<Link to={"/Gallery"}>
 									<li>Gallery</li>
 								</Link>
 								<Link>