[gnome-software] popular tile: Adjust the "Installed" overlay label

[Kalev Lember <klember src gnome org>]

commit 0550df7e7e482cbd64e42e4ff959a3602f8c32c3
Author: Kalev Lember <kalevlember gmail com>
Date:   Tue Sep 2 23:20:19 2014 +0200

    popular tile: Adjust the "Installed" overlay label
    
    ... as per designer guidance.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=734781

 src/gtk-style-hc.css |    7 +++++++
 src/gtk-style.css    |    8 ++++++++
 src/popular-tile.ui  |   10 +++++-----
 3 files changed, 20 insertions(+), 5 deletions(-)
---
diff --git a/src/gtk-style-hc.css b/src/gtk-style-hc.css
index 5731be0..b74d7a8 100644
--- a/src/gtk-style-hc.css
+++ b/src/gtk-style-hc.css
@@ -5,6 +5,13 @@
        color: @theme_base_color;
 }
 
+.popular-installed-overlay-box {
+       font-size: 80%;
+       background-color: @theme_button_active_bg;
+       border-radius: 0;
+       color: @theme_base_color;
+}
+
 @keyframes throbbing {
         0% { background-image: linear-gradient(to bottom, transparent, transparent); }
 }
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 02cf674..5c60d59 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -7,6 +7,14 @@
        text-shadow: 0 1px 0 rgba(0,0,0,0.5);
 }
 
+.popular-installed-overlay-box {
+       font-size: 80%;
+       background-color: @theme_selected_bg_color;
+       border-radius: 0;
+       color: @theme_selected_fg_color;
+       text-shadow: none;
+}
+
 .index-title-alignment-software {
        font-weight: bold;
        font-size: 14px;
diff --git a/src/popular-tile.ui b/src/popular-tile.ui
index 8b3baec..33988b2 100644
--- a/src/popular-tile.ui
+++ b/src/popular-tile.ui
@@ -36,17 +36,17 @@
                 <property name="no_show_all">True</property>
                 <property name="visible_window">True</property>
                 <property name="halign">end</property>
-                <property name="valign">end</property>
-                <property name="margin-bottom">35</property>
+                <property name="valign">start</property>
+                <property name="margin-top">6</property>
                 <style>
-                  <class name="installed-overlay-box"/>
+                  <class name="popular-installed-overlay-box"/>
                 </style>
                 <child>
                   <object class="GtkLabel" id="installed-label">
                     <property name="visible">True</property>
                     <property name="label" translatable="yes">Installed</property>
-                    <property name="margin-start">16</property>
-                    <property name="margin-end">16</property>
+                    <property name="margin-start">10</property>
+                    <property name="margin-end">10</property>
                     <property name="margin-top">4</property>
                     <property name="margin-bottom">4</property>
                   </object>