fix(menu): Corrects due to responsive

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;

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)

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>