From 264ab3d0ecae6c65af17a67e110d107ee8899335 Mon Sep 17 00:00:00 2001
From: sovanna <sovanna.hing@gmail.com>
Date: Fri, 19 Jul 2019 16:16:26 +0200
Subject: [PATCH] fix(menu): Corrects due to responsive

---
 sass/css/_base.scss   | 22 +++++++++++++++++++++-
 sass/css/_layout.scss |  5 +++++
 templates/_base.html  |  4 ++--
 3 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/sass/css/_base.scss b/sass/css/_base.scss
index 43b27c0..c4e8e5a 100644
--- a/sass/css/_base.scss
+++ b/sass/css/_base.scss
@@ -125,7 +125,8 @@ a {
 
 .dropdown-menu {
   border: none;
-  margin-top: 12px;
+  margin-top: 0;
+  padding-top: 0;
 }
 .dropdown-item {
   &:hover,
@@ -175,6 +176,25 @@ ul.th li::before {
   margin-left: -1em;
 }
 
+
+ul:not(.navbar-nav) {
+  list-style: none;
+  margin-left: 0!important;
+}
+
+ul:not(.navbar-nav) li::before {
+  content: "\2022";
+  color: $brand-color;
+  font-weight: bold;
+  display: inline-block;
+  width: 1em;
+  margin-left: -1em;
+}
+ul:not(.navbar-nav) li {
+  padding: .5rem 0;
+}
+
+
 .bg-white-shadow {
   background: url(../images/migen-links@2x.png);
   background-repeat: no-repeat;
diff --git a/sass/css/_layout.scss b/sass/css/_layout.scss
index 8676c44..3c1a982 100644
--- a/sass/css/_layout.scss
+++ b/sass/css/_layout.scss
@@ -106,6 +106,11 @@ h3, h2, h1 {
       }
     }
   }
+
+  .dropdown-menu {
+    padding-top: .5rem;
+    margin-top: 12px;
+  }
 }
 
 // Extra large devices (large desktops, 1200px and up)
diff --git a/templates/_base.html b/templates/_base.html
index d4b71d5..ea7fc32 100644
--- a/templates/_base.html
+++ b/templates/_base.html
@@ -83,9 +83,9 @@
                     <a class="nav-link dropdown-toggle {% if current_path == subsection.path %}active{% endif %}" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                       {{ subsection.title }}
                     </a>
-                    <div class="dropdown-menu shadow-none shadow-lg text-right text-lg-left mt-0 pt-0" aria-labelledby="navbarDropdown">
+                    <div class="dropdown-menu shadow-none shadow-lg text-right text-lg-left" aria-labelledby="navbarDropdown">
                       {% for page in subsection.pages %}
-                        <a class="dropdown-item pt-2 pb-2 {% if current_path == page.path %}active{% endif %}" href="{{ page.permalink }}">{{ page.title }}</a>
+                        <a class="dropdown-item pt-2 pb-2 pt-sm-3 pb-sm-3 {% if current_path == page.path %}active{% endif %}" href="{{ page.permalink }}">{{ page.title }}</a>
                       {% endfor %}
                     </div>
                   </li>