From 5661af9df4b9bfa1053b2fd787fbe5dc26e9b8d5 Mon Sep 17 00:00:00 2001
From: Tom Russell <tomalrussell@gmail.com>
Date: Thu, 25 Oct 2018 10:36:27 +0100
Subject: [PATCH] Dark blue-grey on sidebar arrows

[Closes #91]
---
 app/src/frontend/sidebar.css | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/app/src/frontend/sidebar.css b/app/src/frontend/sidebar.css
index 2edc8269..4c9c4c42 100644
--- a/app/src/frontend/sidebar.css
+++ b/app/src/frontend/sidebar.css
@@ -99,22 +99,31 @@
     width: 1.2rem;
     height: 1rem;
     text-align: center;
-    color: #7d7d7d;
+    color: #222264;
     font-size: 1.2rem;
     content: '\25B8';
     transition: color 0.2s;
 }
 .bullet-prefix:hover > a::before,
 .bullet-prefix.active > a::before {
-    color: #222;
-    font-size: 1.1rem;
+    font-size: 1rem;
 }
-.bullet-prefix:hover > a::before {
+.bullet-prefix:hover > a::before,
+.bullet-prefix.active > a::before {
     content: '\25BC';
 }
 .bullet-prefix.active:hover > a::before {
     content: '\25B2';
 }
+
+.data-section.inactive .bullet-prefix > a::before,
+.data-section.inactive .bullet-prefix:hover > a::before,
+.data-section.inactive .bullet-prefix.active:hover > a::before {
+    opacity: 0.4;
+    color: #222;
+    font-size: 1.2rem;
+    content: '\25B8';
+}
 .bullet-prefix .icon-buttons {
     position: absolute;
     top: 0;
@@ -187,9 +196,6 @@
 .data-section.inactive {
     opacity: 0.5;
 }
-.data-section.inactive .bullet-prefix::before {
-    opacity: 0.4;
-}
 .data-section .h3 {
     margin: 0;
 }