[gnome-software/1365-move-application-size-in-installed-app-rows: 5/5] gs-app-row: Move the "install size" label below the application name

[Milan Crha <mcrha src gnome org>]

commit 1b4fbba35dbfbdef8f2c0bba2231322d2ebeb759
Author: Milan Crha <mcrha redhat com>
Date:   Tue Sep 7 17:04:04 2021 +0200

    gs-app-row: Move the "install size" label below the application name
    
    To match the new design:
    https://gitlab.gnome.org/Teams/Design/software-mockups/-/blob/master/adaptive/installed.png
    
    Closes https://gitlab.gnome.org/GNOME/gnome-software/-/issues/1365

 src/gs-app-row.ui | 23 +++++++++--------------
 src/gtk-style.css |  4 ----
 2 files changed, 9 insertions(+), 18 deletions(-)
---
diff --git a/src/gs-app-row.ui b/src/gs-app-row.ui
index 6c4843c93..942acab65 100644
--- a/src/gs-app-row.ui
+++ b/src/gs-app-row.ui
@@ -25,7 +25,7 @@
           <object class="GtkBox" id="name_box">
             <property name="orientation">vertical</property>
             <property name="margin-start">12</property>
-            <property name="spacing">6</property>
+            <property name="spacing">4</property>
             <property name="valign">center</property>
             <child>
               <object class="GtkLabel" id="name_label">
@@ -71,6 +71,14 @@
                 </child>
               </object>
             </child>
+           <child>
+             <object class="GtkLabel" id="label_app_size">
+                <property name="halign">start</property>
+                <property name="valign">center</property>
+                <property name="vexpand">True</property>
+                <property name="label">150 MB</property>
+              </object>
+           </child>
             <child>
               <object class="GsStarWidget" id="star">
                 <property name="visible">False</property>
@@ -217,19 +225,6 @@
                </child>
               </object>
             </child>
-           <child>
-             <object class="GtkLabel" id="label_app_size">
-                <property name="halign">center</property>
-                <property name="valign">center</property>
-               <property name="vexpand">True</property>
-               <property name="label">150 MB</property>
-               <property name="margin-top">6</property>
-                <style>
-                 <class name="app-row-app-size"/>
-                  <class name="dim-label"/>
-                </style>
-              </object>
-           </child>
          </object>
         </child>
       </object>
diff --git a/src/gtk-style.css b/src/gtk-style.css
index e4400ef22..7095fa802 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -46,10 +46,6 @@
        font-size: smaller;
 }
 
-.app-row-app-size {
-       font-size: x-small;
-}
-
 /* Adapted from Adwaita’s .needs-attention class for stacksidebar */
 sidebar row.needs-attention > box > label {
        animation: needs_attention 150ms ease-in;