From 95a6d7bb92f1ce2e601a85763b25861c4c859baa Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Wed, 19 May 2021 00:07:19 -0700
Subject: [PATCH] Let the logout button match the link color.

---
 frontends/etiquette_flask/static/css/etiquette.css | 5 +++++
 frontends/etiquette_flask/templates/header.html    | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontends/etiquette_flask/static/css/etiquette.css b/frontends/etiquette_flask/static/css/etiquette.css
index bd05d78..1ed6bec 100644
--- a/frontends/etiquette_flask/static/css/etiquette.css
+++ b/frontends/etiquette_flask/static/css/etiquette.css
@@ -27,6 +27,11 @@ p:last-of-type
     margin-bottom: 0;
 }
 
+#header #logout_button
+{
+    color: var(--color_text_link);
+}
+
 .header_element:hover
 {
     background-color: var(--color_secondary);
diff --git a/frontends/etiquette_flask/templates/header.html b/frontends/etiquette_flask/templates/header.html
index 406f628..54ab064 100644
--- a/frontends/etiquette_flask/templates/header.html
+++ b/frontends/etiquette_flask/templates/header.html
@@ -5,7 +5,7 @@
     <a class="header_element" href="/tags">Tags</a>
     {% if session.user %}
     <a class="header_element dynamic_user_display_name" href="/user/{{session.user.username}}">{{session.user.display_name}}</a>
-    <button class="header_element" onclick="return api.users.logout(common.refresh);" style="flex:0">Logout</button>
+    <button id="logout_button" class="header_element" onclick="return api.users.logout(common.refresh);" style="flex:0">Logout</button>
     {% else %}
     <a class="header_element" href="/login">Log in</a>
     {% endif %}