From d8c47813771795893fe739e066708b84974130b8 Mon Sep 17 00:00:00 2001
From: Sorin Davidoi <sorin.davidoi@gmail.com>
Date: Sat, 10 Jun 2017 20:47:07 +0200
Subject: [PATCH] fix: Apply :hover, :focus and :active only when multiple
 columns

---
 app/javascript/styles/components.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index ecfc186ebe..c2062c398f 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -1473,8 +1473,10 @@
   &:hover,
   &:focus,
   &:active {
-    background: lighten($ui-base-color, 14%);
-    transition: all 100ms linear;
+    @media screen and (min-width: 1025px) {
+      background: lighten($ui-base-color, 14%);
+      transition: all 100ms linear;
+    }
   }
 
   span {