From ddf611c4ab7d7c07f917635883b23daf0ee0eabd Mon Sep 17 00:00:00 2001
From: Justin Cooper <jwcooper@gmail.com>
Date: Thu, 15 Apr 2021 15:35:05 -0500
Subject: [PATCH] fixes adafruit/circuitpython-org#673 - label filter button
 more clearly

---
 assets/sass/pages/_downloads.scss | 9 +++++++--
 blinka.html                       | 3 ++-
 downloads.html                    | 3 ++-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/assets/sass/pages/_downloads.scss b/assets/sass/pages/_downloads.scss
index 6503b84a..43029c1d 100644
--- a/assets/sass/pages/_downloads.scss
+++ b/assets/sass/pages/_downloads.scss
@@ -60,14 +60,15 @@
         display: inline-block;
         padding: 12px;
         font-size: 24px;
+        color: #fff;
         background-color: $purple;
         float: left;
         border-radius: 5px;
         border: none;
         cursor: pointer;
 
-        i {
-          color: #fff;
+        &:hover {
+          background-color: darken($purple, 15%);
         }
       }
     }
@@ -152,6 +153,10 @@
         border: none;
         border-radius: 5px;
         cursor: pointer;
+
+        &:hover {
+          background-color: darken($purple, 15%);
+        }
       }
     }
   }
diff --git a/blinka.html b/blinka.html
index 06c92787..dbee2bbd 100644
--- a/blinka.html
+++ b/blinka.html
@@ -16,7 +16,8 @@ permalink: /blinka
       </label>
     </div>
     <div class="downloads-filter">
-      <button class="filter" title="Filter Boards"><i class="fas fa-sliders-h" aria-hidden="true"></i></button>
+      <button class="filter" title="Filter Boards"><i class="fas fa-sliders-h"
+          aria-hidden="true"></i> Filters</button>
     </div>
     <div class="downloads-filter-tags">
     </div>
diff --git a/downloads.html b/downloads.html
index c997389b..1b198a14 100644
--- a/downloads.html
+++ b/downloads.html
@@ -13,7 +13,8 @@ permalink: /downloads
       </label>
     </div>
     <div class="downloads-filter">
-      <button class="filter" title="Filter Boards"><i class="fas fa-sliders-h" aria-hidden="true"></i></button>
+      <button class="filter" title="Filter Boards"><i class="fas fa-sliders-h"
+          aria-hidden="true"></i> Filters</button>
     </div>
     <div class="downloads-filter-tags">
     </div>