From 173a88a3b3f375f958b363b399ea05d718c371e6 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@authentise.com>
Date: Thu, 9 Jun 2016 09:57:04 -0600
Subject: [PATCH] Make my dropdown menu black like my navbar

I like the black-on-white asthetic, so let's make the dropdown menu do
that. I pulled this code from
https://github.com/twbs/bootstrap/issues/9588

It works great now that I'm processing my sass
---
 styles/vanth.scss     | 15 +++++++++++++++
 templates/navbar.html |  4 ++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/styles/vanth.scss b/styles/vanth.scss
index 0ce8c93..7136f89 100644
--- a/styles/vanth.scss
+++ b/styles/vanth.scss
@@ -7,3 +7,18 @@
   position: relative;
   left: 20px;
 }
+
+.inverse-dropdown{
+  background-color: #222;
+  border-color: #080808;
+  &>li>a {
+    color: #999;
+    &:hover {
+      color: #fff;
+      background-color: #000;
+    }
+  }
+  &>.divider {
+    background-color: #000;
+  }
+}
diff --git a/templates/navbar.html b/templates/navbar.html
index 5a4f1bb..3981b6b 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -19,10 +19,10 @@
       <ul class="nav navbar-nav navbar-right">
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ current_user.name }}<span class="caret"></span></a>
-          <ul class="dropdown-menu">
+          <ul class="dropdown-menu inverse-dropdown">
             <li><a href="/settings">Settings</a></li>
             <li role="separator" class="divider"></li>
-            <li><a href="/foo">Logout</a></li>
+            <li><form action-"/logout/" method="POST"><input class="navbar-btn btn-warning" type="submit" value="Log Out"></input></form></li>
           </ul>
         </li>
       </ul>