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

[Milan Crha <mcrha src gnome org>]

commit cf93be789392e797db16ebbf2b87d3b6a2a199ca
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 | 31 +++++++++++++------------------
 src/gtk-style.css |  4 ----
 2 files changed, 13 insertions(+), 22 deletions(-)
---
diff --git a/src/gs-app-row.ui b/src/gs-app-row.ui
index b2f380425..718029e0a 100644
--- a/src/gs-app-row.ui
+++ b/src/gs-app-row.ui
@@ -29,7 +29,7 @@
             <property name="visible">True</property>
             <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">
@@ -80,6 +80,18 @@
                 </child>
               </object>
             </child>
+           <child>
+             <object class="GtkLabel" id="label_app_size">
+                <property name="visible">True</property>
+                <property name="halign">start</property>
+                <property name="valign">center</property>
+               <property name="vexpand">True</property>
+               <property name="label">150 MB</property>
+              </object>
+             <packing>
+               <property name="pack_type">end</property>
+              </packing>
+           </child>
             <child>
               <object class="GsStarWidget" id="star">
                 <property name="visible">False</property>
@@ -246,23 +258,6 @@
                </child>
               </object>
             </child>
-           <child>
-             <object class="GtkLabel" id="label_app_size">
-                <property name="visible">True</property>
-                <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>
-             <packing>
-               <property name="pack_type">end</property>
-              </packing>
-           </child>
          </object>
         </child>
       </object>
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 3e5a0d474..0c0d185c7 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;