From 005a58ecd6807c31d42bdfc618d91dc75f61ce64 Mon Sep 17 00:00:00 2001
From: Brock Whittaker <brock@zulipchat.com>
Date: Mon, 17 Jul 2017 09:11:22 -0700
Subject: [PATCH] settings: Add border-top to <li> for logout.

This makes the logout option in settings look more consistent with the
rest of the settings UI.
---
 static/styles/settings.css             | 5 +++++
 templates/zerver/settings_overlay.html | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/static/styles/settings.css b/static/styles/settings.css
index 6ac06f9d11..ab41e29882 100644
--- a/static/styles/settings.css
+++ b/static/styles/settings.css
@@ -1062,6 +1062,11 @@ input[type=text]#settings_search {
     border-bottom: 1px solid hsl(0, 0%, 93%);
 }
 
+#settings_page .sidebar li.border-top {
+    border-top: 1px solid hsl(0, 0%, 93%);
+    border-bottom: none;
+}
+
 #settings_page .sidebar li.no-border {
     border-color: transparent;
 }
diff --git a/templates/zerver/settings_overlay.html b/templates/zerver/settings_overlay.html
index 1dabbc5b2c..1658c0ebee 100644
--- a/templates/zerver/settings_overlay.html
+++ b/templates/zerver/settings_overlay.html
@@ -93,7 +93,7 @@
 
         <div class="sidebar-bottom-anchor dark-grey small-text">
             <ul>
-                <li>
+                <li class="border-top">
                     <div class="icon icon-vector-off"></div>
                     <a href="#logout" class="no-style logout_button"><div class="text">{{ _('Log out') }}</div></a>
                 </li>