From b6f4874b6606d01dee49b88fc6aa725943bebc68 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Fri, 7 Aug 2020 21:07:30 -0700
Subject: [PATCH] Move colored button class rules below button element rules.

---
 .../etiquette_flask/static/css/common.css     | 29 +++++++++----------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/frontends/etiquette_flask/static/css/common.css b/frontends/etiquette_flask/static/css/common.css
index 9edc44a..993aabd 100644
--- a/frontends/etiquette_flask/static/css/common.css
+++ b/frontends/etiquette_flask/static/css/common.css
@@ -210,6 +210,20 @@ button:disabled
 {
     background-color: #cccccc !important;
 }
+button
+{
+    border-top: 2px solid var(--color_3d_highlight);
+    border-left: 2px solid var(--color_3d_highlight);
+    border-right: 2px solid var(--color_3d_shadow);
+    border-bottom: 2px solid var(--color_3d_shadow);
+}
+button:active
+{
+    border-top: 2px solid var(--color_3d_shadow);
+    border-left: 2px solid var(--color_3d_shadow);
+    border-right: 2px solid var(--color_3d_highlight);
+    border-bottom: 2px solid var(--color_3d_highlight);
+}
 .gray_button
 {
     background-color: #cccccc;
@@ -227,21 +241,6 @@ button:disabled
     background-color: #ffea57;
 }
 
-button
-{
-    border-top: 2px solid var(--color_3d_highlight);
-    border-left: 2px solid var(--color_3d_highlight);
-    border-right: 2px solid var(--color_3d_shadow);
-    border-bottom: 2px solid var(--color_3d_shadow);
-}
-button:active
-{
-    border-top: 2px solid var(--color_3d_shadow);
-    border-left: 2px solid var(--color_3d_shadow);
-    border-right: 2px solid var(--color_3d_highlight);
-    border-bottom: 2px solid var(--color_3d_highlight);
-}
-
 .remove_tag_button,
 .remove_tag_button_perm
 {