From 9f8a8146a36b2a13b20d9ede6b15be916e534b2a Mon Sep 17 00:00:00 2001
From: chairmantheboring <mynameisles@disroot.org>
Date: Tue, 6 Oct 2020 19:52:24 -0700
Subject: [PATCH] New button design.

---
 _includes/header.html |  4 +---
 styling/header.css    | 10 +++++-----
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/_includes/header.html b/_includes/header.html
index d56b282..8b5a121 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -2,9 +2,7 @@
     <nav class="header-nav">
         <ul class="header-list">
             {% for link in header.links %}
-                <li>
-                    <a href="{{ link.url }}">{{ link.name }}</a>
-                </li>
+                <a href="{{ link.url }}">{{ link.name }}</a>
             {% endfor %}
         </ul>
     </nav>
diff --git a/styling/header.css b/styling/header.css
index 9642625..e6e07c4 100644
--- a/styling/header.css
+++ b/styling/header.css
@@ -11,7 +11,7 @@
     align-items: stretch;
 }
 
-.header-list > li {
+.header-list > a {
     flex-basis: 75px;
     /* flex-wrap: nowrap; */
     /* flex-grow: 1; */
@@ -22,12 +22,12 @@
     transition: background 0.25s linear, color 0.25s linear;
 }
 
-.header-list > li:hover, .header-list > li:focus {
+.header-list > a:hover, .header-list > a:focus {
     background: #37a4a1;
 }
 
 
-.header-list > li:not(:last-child) {
+.header-list > a:not(:last-child) {
     margin-right: 30px;
 }
 
@@ -56,11 +56,11 @@
 }
 
 @media screen and (max-width: 600px) {
-    .header-list > li {
+    .header-list > a {
         display: block;
     }
 
-    .header-list > li:not(:last-child) {
+    .header-list > a:not(:last-child) {
         margin-bottom: 15px;
     }
 }
-- 
GitLab