HeaderList now in nav > ul > li

client/homebrew/brewRenderer/headerNav/headerNav.jsx

@@ -45,9 +45,11 @@ const HeaderNav = React.forwardRef(({}, pagesRef)=>{
 
 	};
 
-	return <div className='headerNav'>
-		{renderHeaderLinks()}
-	</div>;
+	return <nav className='headerNav'>
+		<ul>
+			{renderHeaderLinks()}
+		</ul>
+	</nav>;
 }
 );
 
@@ -61,11 +63,11 @@ const HeaderNavItem = ({ link, text, depth, className })=>{
 		return text.trim();
 	};
 
-	return <p>
+	return <li>
 		<a href={`#${link}`} target='_self' className={className}>
 			<span style={{ display: 'inline-block', width: `${depth * 0.5}em` }}></span>{trimString(text, depth)}
 		</a>
-	</p>;
+	</li>;
 };
 
 export default HeaderNav;

client/homebrew/brewRenderer/headerNav/headerNav.less

@@ -1,6 +1,6 @@
 .headerNav {
 	position: fixed;
-	top: 30px;
+	top: 32px;
 	left: 0px;
 	padding: 5px 10px;
 	background-color: #ccc;
@@ -17,19 +17,21 @@
 	.navIcon {
 		cursor: pointer;
 	}
-	a {
-		font-family: 'Open Sans';
-		font-size: 12px;
-		padding: 2px;
-		color: inherit;
-		text-decoration: none;
-		cursor: pointer;
-		&:hover {
-			text-decoration: underline;
+	li {
+		list-style-type: none;
+		a {
+			font-family: 'Open Sans';
+			font-size: 12px;
+			padding: 2px;
+			color: inherit;
+			text-decoration: none;
+			cursor: pointer;
+			&:hover {
+				text-decoration: underline;
+			}
+			&.pageLink {
+				font-weight: 900;
+			}
 		}
-		&.pageLink {
-			font-weight: 900;
-		}
-	
 	}
 }