[gnome-software/wip/jimmac/banner-pagers: 12/12] banners: make pager buttons less prominent

[Richard Hughes <rhughes src gnome org>]

commit 726c2980cae86a100690c46357fc4d0da80c3f6c
Author: Jakub Steiner <jimmac gmail com>
Date:   Mon Feb 24 14:10:09 2020 +0100

    banners: make pager buttons less prominent
    
    - no background by default
    - add some whitespace for them to look decent on hover
    
    Fixes https://gitlab.gnome.org/GNOME/gnome-software/issues/893

 src/gtk-style.css | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)
---
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 45d5f065..d6afeb2c 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -511,16 +511,17 @@ flowboxchild {
        opacity: 0.5;
 }
 
-.featured-button-left {
-       border-radius: 60px;
-       margin-left: -25px;
-       padding: 10px 5px 10px 20px;
+.featured-button-left,
+.featured-button-right {
+       padding: 2px 5px;
+       margin: 6px;
 }
 
-.featured-button-right {
-       border-radius: 60px;
-       margin-right: -25px;
-       padding: 10px 20px 10px 5px;
+.featured-button-left:not(:hover),
+.featured-button-right:not(:hover) {
+       background: transparent;
+       border:transparent;
+       box-shadow: none;
 }
 
 /* these typographical classes will be provided in gtk eventually */