dropdown menu items unnecessary divs

src/pages/_includes/layout/navbar-menu.html

@@ -40,12 +40,13 @@
 
 				{% for level-2 in level-1[1].children %}
 
-				{% if level-1[1].columns %}
-					{% assign modulo = forloop.index0 | modulo: per-column %}
-					{% if forloop.index > 1 and modulo == 0 %}</div><div class="dropdown-menu-column">{% endif %}
-				{% endif %}
+					{% if level-1[1].columns %}
+						{% assign modulo = forloop.index0 | modulo: per-column %}
+						{% if forloop.index > 1 and modulo == 0 %}</div><div class="dropdown-menu-column">{% endif %}
+					{% endif %}
+
+					{% if level-2[1].children %}<div class="dropright">{% endif %}
 
-				<div {% if level-2[1].children %}class="dropright"{% endif %}>
 					<a class="dropdown-item{% if level-2[1].children %} dropdown-toggle{% endif %}{% if level-1[0] == current-page[0] and level-2[0] == current-page[1] and current-page.size == 2 %} active{% endif %}" {% if level-2[1].children %}href="#sidebar-{{ level-2[0] }}" data-toggle="dropdown" role="button" aria-expanded="false" {% else %}href="{{ site.base }}/{{ level-2[1].url }}" {% endif %}>
 						{{ level-2[1].title }}
 					</a>
@@ -57,7 +58,8 @@
 						{% endfor %}
 					</div>
 					{% endif %}
-				</div>
+
+					{% if level-2[1].children %}</div>{% endif %}
 				{% endfor %}
 
 				{% if level-1[1].columns %}</div></div>{% endif %}

src/scss/ui/_dropdowns.scss

@@ -86,7 +86,7 @@
 .dropright {
   > .dropdown-menu {
     margin-top: subtract(-$dropdown-padding-y, 1px);
-    margin-left: 0;
+    margin-left: -.25rem;
   }
 
   .dropdown-toggle {