[gnome-software] Use relative sizes for font scaling

[Richard Hughes <rhughes src gnome org>]

commit 5c92032aebf99240410da0e38c7eaa00b7cb6a33
Author: Richard Hughes <richard hughsie com>
Date:   Wed Jul 13 10:52:08 2016 +0100

    Use relative sizes for font scaling

 src/gs-shell-details.ui |    2 +-
 src/gtk-style-hc.css    |   23 +++++++++++------------
 src/gtk-style.css       |   23 +++++++++--------------
 3 files changed, 21 insertions(+), 27 deletions(-)
---
diff --git a/src/gs-shell-details.ui b/src/gs-shell-details.ui
index 34fd206..0d5cadf 100644
--- a/src/gs-shell-details.ui
+++ b/src/gs-shell-details.ui
@@ -1192,7 +1192,7 @@
                                 <property name="xalign">0</property>
                                 <property name="label" translatable="yes" comments="Translators: Header of 
the section with other users&apos; opinions about the app.">Reviews</property>
                                 <style>
-                                  <class name="application-reviews-title"/>
+                                  <class name="application-details-title"/>
                                 </style>
                               </object>
                             </child>
diff --git a/src/gtk-style-hc.css b/src/gtk-style-hc.css
index dfc0b87..6618c17 100644
--- a/src/gtk-style-hc.css
+++ b/src/gtk-style-hc.css
@@ -1,12 +1,12 @@
 .installed-overlay-box {
-       font-size: 80%;
+       font-size: smaller;
        background-color: @theme_selected_bg_color;
        border-radius: 4px;
        color: @theme_selected_fg_color;
 }
 
 .popular-installed-overlay-box {
-       font-size: 80%;
+       font-size: smaller;
        background-color: @theme_selected_bg_color;
        border-radius: 0;
        color: @theme_selected_fg_color;
@@ -15,7 +15,7 @@
 
 .index-title-alignment-software {
        font-weight: bold;
-       font-size: 14px;
+       font-size: 125%;
 }
 
 .needs-attention {
@@ -32,7 +32,7 @@
 .screenshot-image-thumb { border-radius: 3px; }
 
 .app-tile-label {
-       font-size: 10px;
+       font-size: 105%;
 }
 
 .app-row-tag {
@@ -94,17 +94,12 @@
 
 .application-details-title {
        font-weight: bold;
-       font-size: 14px;
+       font-size: 125%;
 }
 
 .application-details-summary {
 }
 
-.application-reviews-title {
-       font-weight: bold;
-       font-size: 14px;
-}
-
 .review-summary {
        font-weight: bold;
 }
@@ -126,13 +121,17 @@
 }
 
 .folder-label {
-       font-size: 9px;
+       font-size: smaller;
        background-color: #999999;
        border-radius: 4px;
        padding: 4px 8px;
        color: white;
 }
 
+.app-row-origin-text {
+       font-size: smaller;
+}
+
 .fake-header-bar {
        background-color: white;
        background-image: none;
@@ -140,7 +139,7 @@
 }
 
 .header-label {
-       font-size: 11px;
+       font-size: larger;
        padding: 6px;
        background-image: none;
        background-color: #babdb6;
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 5b94a4f..03c29a5 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -1,5 +1,5 @@
 .installed-overlay-box {
-       font-size: 80%;
+       font-size: smaller;
        background-color: @theme_selected_bg_color;
        border-radius: 0;
        color: @theme_selected_fg_color;
@@ -11,7 +11,7 @@
 
 
 .popular-installed-overlay-box {
-       font-size: 80%;
+       font-size: smaller;
        background-color: @theme_selected_bg_color;
        border-radius: 0;
        color: @theme_selected_fg_color;
@@ -23,7 +23,7 @@
 
 .index-title-alignment-software {
        font-weight: bold;
-       font-size: 14px;
+       font-size: 125%;
 }
 
 .app-row-installed-label {
@@ -113,7 +113,7 @@
 .screenshot-image-thumb { border-radius: 3px; }
 
 .app-tile-label {
-       font-size: 10px;
+       font-size: 105%;
 }
 
 .app-row-tag {
@@ -200,7 +200,7 @@
 
 .application-details-title {
        font-weight: bold;
-       font-size: 14px;
+       font-size: 125%;
 }
 
 .application-details-summary {
@@ -218,11 +218,6 @@
 
 .install-progress:dir(rtl) { background-position: 100% bottom; }
 
-.application-reviews-title {
-       font-weight: bold;
-       font-size: 14px;
-}
-
 .review-summary {
        font-weight: bold;
 }
@@ -260,7 +255,7 @@
 }
 
 .folder-label {
-       font-size: 9px;
+       font-size: smaller;
        background-color: #999999;
        border-radius: 4px;
        padding: 4px 8px;
@@ -268,7 +263,7 @@
 }
 
 .app-row-origin-text {
-       font-size: 9px;
+       font-size: smaller;
 }
 
 .fake-header-bar {
@@ -276,7 +271,7 @@
 }
 
 .header-label {
-       font-size: 11px;
+       font-size: larger;
        padding: 6px;
        background-image: none;
        background-color: #babdb6;
@@ -361,7 +356,7 @@ button.star, .button.star {
 
 .update-failed-details {
        font-family: Monospace;
-       font-size: 90%;
+       font-size: smaller;
        padding: 16px;
 }