[gnome-software: 14/18] details-page: Make header labels smaller when narrow

[Philip Withnall <pwithnall src gnome org>]

commit e0a4932bc561ae360004952cfd77fd5648ea0871
Author: Adrien Plazas <kekun plazas laposte net>
Date:   Wed Aug 11 14:35:36 2021 +0200

    details-page: Make header labels smaller when narrow
    
    This makes the app title and developer labels smaller.

 src/gs-details-page.ui | 2 ++
 src/gtk-style.css      | 8 ++++++++
 2 files changed, 10 insertions(+)
---
diff --git a/src/gs-details-page.ui b/src/gs-details-page.ui
index 163ce72e8..33bd063be 100644
--- a/src/gs-details-page.ui
+++ b/src/gs-details-page.ui
@@ -155,6 +155,7 @@
                                             <property name="wrap">True</property>
                                             <property name="max_width_chars">20</property>
                                             <style>
+                                              <class name="app-title"/>
                                               <class name="title-1"/>
                                             </style>
                                           </object>
@@ -177,6 +178,7 @@
                                                 <property name="yalign">0.5</property>
                                                 <property name="hexpand">False</property>
                                                 <style>
+                                                  <class name="app-developer"/>
                                                   <class name="dim-label"/>
                                                 </style>
                                               </object>
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 4509b834e..6cba96143 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -801,6 +801,14 @@ window.toolbox button.titlebutton:not(:hover) {
   background: @theme_bg_color;
 }
 
+window.narrow .app-title {
+   font-size: 16pt;
+}
+
+window.narrow .app-developer {
+   font-size: small;
+}
+
 .install-progress-label { font-size: smaller }
 
 /* FIXME: These are needed in the updates page until we can use HdyStatusPage