[gnome-software: 15/18] gs-details-page: Use standard GTK header CSS classes

[Philip Withnall <pwithnall src gnome org>]

commit d1a15c4c9d77d53cc19f9dae92c6e6e76b5bed17
Author: Philip Withnall <pwithnall endlessos org>
Date:   Mon Jul 26 16:52:10 2021 +0100

    gs-details-page: Use standard GTK header CSS classes
    
    Rather than making a new one up. This should improve the appearance of
    gnome-software in non-standard themes.
    
    This also makes the application name bigger at the top of the page,
    which is in line with the new designs:
    https://gitlab.gnome.org/Teams/Design/software-mockups/-/raw/master/adaptive/app-page-adaptive.png.
    
    Signed-off-by: Philip Withnall <pwithnall endlessos org>
    
    Helps: #1111, #1285

 src/gs-details-page.ui | 6 +++---
 src/gtk-style.css      | 5 -----
 2 files changed, 3 insertions(+), 8 deletions(-)
---
diff --git a/src/gs-details-page.ui b/src/gs-details-page.ui
index b0da3b659..697a43446 100644
--- a/src/gs-details-page.ui
+++ b/src/gs-details-page.ui
@@ -108,7 +108,7 @@
                                     <property name="wrap">True</property>
                                     <property name="max_width_chars">20</property>
                                     <style>
-                                      <class name="application-details-title"/>
+                                      <class name="title-1"/>
                                     </style>
                                   </object>
                                 </child>
@@ -401,7 +401,7 @@
                                     <property name="xalign">0</property>
                                     <property name="label" translatable="yes">Add-ons</property>
                                     <style>
-                                      <class name="application-details-title"/>
+                                      <class name="title-2"/>
                                     </style>
                                   </object>
                                 </child>
@@ -822,7 +822,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-details-title"/>
+                                  <class name="title-2"/>
                                 </style>
                               </object>
                             </child>
diff --git a/src/gtk-style.css b/src/gtk-style.css
index f80b3cb46..5c303b8a7 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -245,11 +245,6 @@ summary-tile {
        text-shadow: none;
 }
 
-.application-details-title {
-       font-weight: bold;
-       font-size: 125%;
-}
-
 .application-details-webapp-warning {
        font-weight: bold;
 }