From 92742cdda118abbee328e53c3ad7336fedb8af84 Mon Sep 17 00:00:00 2001
From: Andrea Cardaci <cyrus.and@gmail.com>
Date: Tue, 9 Oct 2018 16:13:16 +0200
Subject: [PATCH] Style function filters differently

---
 assets/style.scss | 39 +++++++++++++++++++++++----------------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/assets/style.scss b/assets/style.scss
index c4aaa5b..7a7510b 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -91,26 +91,33 @@ h2, h3, h4, h5, h5 {
 #bin-search-wrapper {
     margin: 50px 0;
     padding: 10px 0;
-     position: relative; // XXX needed for tooltip sizing
+    position: relative; // XXX needed for tooltip sizing
 
     #bin-search-filters {
         text-align: center;
 
-        a:hover:before {
-            content: attr(data-title);
-            display: block;
-            position: absolute;
-            left: 0;
-            right: 0;
-            margin-top: 1.75em; // XXX below the button
-            margin-left: 10%;
-            margin-right: 10%;
-            padding: 1em;
-            border-radius: 1em;
-            color: $lighter;
-            background: rgba(0, 0, 0, 0.75);
-            z-index: 1;
-            pointer-events: none;
+        a {
+            background: $lighter;
+            font-size: initial;
+            border-radius: 0.25em;
+
+            &:hover:before {
+                content: attr(data-title);
+                font-size: 0.8rem;
+                display: block;
+                position: absolute;
+                left: 0;
+                right: 0;
+                margin-top: 1.75rem; // XXX below the button
+                margin-left: 10%;
+                margin-right: 10%;
+                padding: 1em;
+                border-radius: 1em;
+                color: $lighter;
+                background: rgba(0, 0, 0, 0.75);
+                z-index: 1;
+                pointer-events: none;
+            }
         }
     }