From 811999e786f5f757c34ee8787e617638b8fdef34 Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Tue, 5 Feb 2019 22:52:04 -0500
Subject: [PATCH] Add divider instead of using :before magic

---
 styles/elements/_sidenav.scss  | 16 ++++++++--------
 templates/portfolios/base.html |  1 +
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/styles/elements/_sidenav.scss b/styles/elements/_sidenav.scss
index 57376078..1c18f35d 100644
--- a/styles/elements/_sidenav.scss
+++ b/styles/elements/_sidenav.scss
@@ -26,6 +26,14 @@
 
   }
 
+  .sidenav__divider--small {
+    display: block;
+    width: 4 * $gap;
+    border: 1px solid #D6D7D9;
+    margin-left: 2 * $gap;
+    margin-bottom: $gap;
+  }
+
   .sidenav__link {
     display: block;
     padding: $gap ($gap * 2);
@@ -52,14 +60,6 @@
         @include icon-size(14);
       }
 
-      &:before {
-        content: "";
-        display: block;
-        width: 4 * $gap;
-        border: 1px solid #D6D7D9;
-        margin-left: $gap;
-        margin-bottom: $gap;
-      }
     }
 
     &.sidenav__link--active {
diff --git a/templates/portfolios/base.html b/templates/portfolios/base.html
index a7236642..61a00ce9 100644
--- a/templates/portfolios/base.html
+++ b/templates/portfolios/base.html
@@ -13,6 +13,7 @@
           ) }}
       {% endfor %}
     </ul>
+    <div class="sidenav__divider--small"></div>
     <a class="sidenav__link sidenav__link--add" href="{{ url_for("task_orders.get_started") }}" title="Fund a New Portfolio">
       <span class="sidenav__link-label">Fund a New Portfolio</span>
       {{ Icon("plus", classes="sidenav__link-icon") }}