[gnome-software/gnome-3-20] css: style review valutation buttons

[Kalev Lember <klember src gnome org>]

commit fa121081e2db4c6f271e4639a9e743e093aeaa2b
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Thu Jun 30 17:24:57 2016 +0200

    css: style review valutation buttons
    
    set smaller font size and add a separator in between.

 src/gtk-style.css |   25 +++++++++++++++++++++++++
 1 files changed, 25 insertions(+), 0 deletions(-)
---
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 1bb1cc5..4d60f9a 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -161,6 +161,31 @@
        all: unset;
 }
 
+.review-row button { font-size: smaller; }
+
+.review-row .vote-buttons button {
+       margin-right: -1px;
+
+       /* restricting transition properties since the hack for the separator*/
+       transition-property: background, box-shadow, border-style, text-shadow;
+}
+
+/* this is the separator between yes and no vote buttons */
+.review-row .vote-buttons button:not(:first-child):not(:hover):not(:active):not(:backdrop) {
+       border-image: linear-gradient(to bottom,
+                                     transparent 5px,
+                                     @borders 5px,
+                                     @borders calc(100% -5px),
+                                     transparent calc(100% -5px)) 0 0 0 1 stretch;
+}
+  .review-row .vote-buttons button:not(:first-child):backdrop {
+       border-image-source: linear-gradient(to bottom,
+                                             transparent 5px,
+                                             @unfocused_borders 5px,
+                                             @unfocused_borders calc(100% -5px),
+                                             transparent calc(100% -5px));
+  }
+
 .reviewbar {
        background-image: none;
        background-color: #babdb6;