From b7b1957b753b6e9c6d406cf837c0571c405e81a7 Mon Sep 17 00:00:00 2001
From: Laura Wolfart <laurawolfart@gmail.com>
Date: Sun, 24 Jan 2021 01:23:03 -0500
Subject: [PATCH] fixing menu underline width

---
 .gitignore           |  3 +++
 _layouts/splash.html | 10 ++++++++--
 css_new/cisco.css    |  8 ++++----
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/.gitignore b/.gitignore
index 173454b..98d5a62 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,3 +7,6 @@
 *.iml
 out
 gen
+/.sass-cache
+.sass-cache
+Gemfile.lock
\ No newline at end of file
diff --git a/_layouts/splash.html b/_layouts/splash.html
index 886c7f3..b825111 100644
--- a/_layouts/splash.html
+++ b/_layouts/splash.html
@@ -71,8 +71,14 @@
 <!--                        <a href="#" class="underline">Cisco 8000 Router</a>-->
                     </div>
             </div>
-            <a class="underline nav-link" href="/design">Designs</a>
-            <a class="underline nav-link" href="/search">Search <i class="fas fa-search"></i></a>
+            <div class="nav-link">
+                <a class="underline " href="/design">Designs</a>
+            </div>
+            <div class="nav-link">
+                <a class="underline " href="/search">Search <i class="fas fa-search"></i></a>
+            </div>
+            
+            
             <div class="social">
                 <a href="https://twitter.com/xrdocs" target="_blank"><img src="images/twitter.svg" width="50" alt="twitter icon" class="social-icon"></a>
                 <a href="https://github.com/xrdocs"  target="_blank"><img src="images/github-social-icon.svg" width="50" alt="github icon" class="social-icon"></a>
diff --git a/css_new/cisco.css b/css_new/cisco.css
index 56696be..486ac91 100644
--- a/css_new/cisco.css
+++ b/css_new/cisco.css
@@ -101,11 +101,11 @@ a {
     z-index: 1;
 }
 .dropdown-content a {
-    padding: 14px 16px;
+    margin: 20px 16px;
     text-decoration: none;
     display: block;
     text-align: left;
-    line-height: 20px;
+    line-height: 30px;
     min-height: 20px;
 }
 a.underline, label.underline {
@@ -122,7 +122,7 @@ a.underline:before, label.underline:before {
     visibility: hidden;
     transition: all 0.3s ease-in-out;
 }
-label.underline:before {
+label.underline:before, a.underline:before {
     top: 30px;
 }
 #toggle {
@@ -402,7 +402,7 @@ ul.splide__list {
 /* Nav Section  */
     a.underline:hover:before, label.underline:hover:before {
         visibility: visible;
-        width: 90%;
+        width: 100%;
     }
     #toggle:hover + div {
         display: block;