From f6e8be47d08a0984312422b587a2bc2c8df8ba5d Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean.yesmunt@gmail.com>
Date: Fri, 11 May 2018 14:15:29 -0400
Subject: [PATCH] make navigation arrow icons easier to see

---
 src/renderer/component/common/icon.jsx   | 2 +-
 src/renderer/scss/component/_button.scss | 5 +----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/renderer/component/common/icon.jsx b/src/renderer/component/common/icon.jsx
index 602f5fbd2..b0a05d879 100644
--- a/src/renderer/component/common/icon.jsx
+++ b/src/renderer/component/common/icon.jsx
@@ -25,7 +25,7 @@ class IconComponent extends React.PureComponent<Props> {
 
     let size = 14;
     if (icon === icons.ARROW_LEFT || icon === icons.ARROW_RIGHT) {
-      size = 18;
+      size = 20;
     }
 
     return Icon ? <Icon size={size} className="icon" color={color} /> : null;
diff --git a/src/renderer/scss/component/_button.scss b/src/renderer/scss/component/_button.scss
index 4c510068d..08534664f 100644
--- a/src/renderer/scss/component/_button.scss
+++ b/src/renderer/scss/component/_button.scss
@@ -145,10 +145,7 @@ button:disabled {
 
 .btn.btn--arrow {
   width: var(--btn-arrow-width);
-
-  &:hover:not(:disabled) {
-    color: var(--text-color);
-  }
+  color: var(--text-color);
 
   &:disabled {
     opacity: 0.3;