Add more HTML metadata, re-format some text

1 files changed, 18 insertions, 6 deletions

diff --git a/nav.sh b/nav.sh
index 256b1e8..a0334d2 100755
--- a/nav.sh
+++ b/nav.sh
@@ -10,32 +10,35 @@ cat <<NAV
     height: 40px;
     width: calc(100% - 50px);
     align-items: center;
-    margin-left: 25px;
-    margin-right: 25px;
+    margin-left: 10px;
+    margin-right: 10px;
+    padding-left: 15px;
+    padding-right: 15px;
   }
 
   .nav-header a {
     color: black;
     text-shadow: #e0e0e0 1px 1px 0;
-    font-size: 1.4rem;
+    font-size: 1.8rem;
     text-decoration: none;
   }
 
   .nav-links {
     padding: 0px 20px 0px 20px;
     align-self: center;
+    height: 100%;
   }
 
   .nav-links li {
     position: relative;
-    height: 100%;
-    display: inline-flex;
     align-items: center;
   }
 
   .nav-links a {
     color: var(--primary-bg);
     text-decoration: none;
+    display: block;
+    line-height: 40px;
   }
 
   .nav-links li:hover {
@@ -52,6 +55,11 @@ cat <<NAV
       flex-direction: column;
       height: auto;
       padding-bottom: 10px;
+      position: relative;
+    }
+
+    .nav-links {
+      height: auto;
     }
 
     .nav-header {
@@ -72,7 +80,11 @@ cat <<NAV
     .top-nav ul > li {
       width: 100%;
       height: 25px;
-      justify-content: center;
+      text-align: center;
+    }
+
+    .nav-links a {
+      line-height: 25px;
     }
   }
 </style>