[gnome-software/wjt/app-tile-typography: 2/4] Use standard typography classes for app tiles

[Will Thompson <wjt src gnome org>]

commit 2b06b99a3feeb0e30f947b4a627d0510da4818f6
Author: Will Thompson <wjt endlessos org>
Date:   Fri Jul 30 19:40:11 2021 +0100

    Use standard typography classes for app tiles
    
    Previously, the app name and its short description used the same font
    size, with the name in bold. To my eye, the descriptions looked too big
    next to the app names.

 src/gs-app-tile.ui     | 7 ++-----
 src/gs-summary-tile.ui | 7 ++-----
 src/gtk-style.css      | 4 ----
 3 files changed, 4 insertions(+), 14 deletions(-)
---
diff --git a/src/gs-app-tile.ui b/src/gs-app-tile.ui
index 167db8a19..bde8b84e3 100644
--- a/src/gs-app-tile.ui
+++ b/src/gs-app-tile.ui
@@ -87,11 +87,8 @@
                     <property name="visible">True</property>
                     <property name="ellipsize">end</property>
                     <property name="xalign">0.0</property>
-                    <attributes>
-                      <attribute name="weight" value="bold"/>
-                    </attributes>
                     <style>
-                      <class name="app-tile-label"/>
+                      <class name="title-4"/>
                     </style>
                   </object>
                   <packing>
@@ -111,7 +108,7 @@
                     <property name="vexpand">True</property>
                     <property name="single-line-mode">True</property>
                     <style>
-                      <class name="app-tile-label"/>
+                      <class name="body"/>
                     </style>
                   </object>
                   <packing>
diff --git a/src/gs-summary-tile.ui b/src/gs-summary-tile.ui
index f23bafde3..eac10d409 100644
--- a/src/gs-summary-tile.ui
+++ b/src/gs-summary-tile.ui
@@ -91,11 +91,8 @@
                         <property name="visible">True</property>
                         <property name="ellipsize">end</property>
                         <property name="xalign">0.0</property>
-                        <attributes>
-                          <attribute name="weight" value="bold"/>
-                        </attributes>
                         <style>
-                          <class name="app-tile-label"/>
+                          <class name="title-4"/>
                         </style>
                       </object>
                     </child>
@@ -110,7 +107,7 @@
                         <property name="single-line-mode">True</property>
                         <property name="wrap">True</property>
                         <style>
-                          <class name="app-tile-label"/>
+                          <class name="body"/>
                         </style>
                       </object>
                     </child>
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 28473deb0..10bf4d8db 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -118,10 +118,6 @@ screenshot-carousel button {
        margin-right: 6px;
 }
 
-.app-tile-label {
-       font-size: 105%;
-}
-
 .app-row-tag {
        text-shadow: none;
        color: @theme_selected_fg_color;