Better modularization

1 files changed, 7 insertions, 4 deletions

diff --git a/nav.sh b/nav.sh
index 5881bb3..2b0049d 100755
--- a/nav.sh
+++ b/nav.sh
@@ -3,7 +3,8 @@
 cat <<NAV
 <style>
   .top-nav {
-    position: relative;
+    position: sticky;
+    top: 0px;
     display: inline-flex;
     background-color: var(--primary-fg);
     height: 40px;
@@ -31,8 +32,6 @@ cat <<NAV
   .nav-links li {
     position: relative;
     height: 100%;
-    padding-left: 5px;
-    padding-right: 5px;
     display: inline-flex;
     align-items: center;
   }
@@ -59,8 +58,10 @@ cat <<NAV
     }
 
     .nav-header {
-      padding-top: 10px;
+      padding-top: 25px;
       padding-bottom: 10px;
+      display: block;
+      text-align: center;
     }
 
     .nav-header a {
@@ -80,6 +81,7 @@ cat <<NAV
 </style>
 
 <nav class="top-nav">
+  <div class="pad-left"></div>
   <span class="nav-header">
     <a href="https://jefferson.sh">jefferson.sh</a>
   </span>
@@ -87,5 +89,6 @@ cat <<NAV
     <li> <a href="/">Início</a> </li>
     <li> <a href="/contato">Contato</a> </li>
   </ul>
+  <div class="pad-right"></div>
 </nav>
 NAV