[gnome-software/1515-updates-spinner-is-huge: 12/12] gs-updates-page: The spinner is huge

[Milan Crha <mcrha src gnome org>]

commit bbf34d596de3bd3a33f8ab272e349dbec418efff
Author: Milan Crha <mcrha redhat com>
Date:   Wed Oct 27 12:31:50 2021 +0200

    gs-updates-page: The spinner is huge
    
    Make the spinner same size as on the other pages.
    
    Closes https://gitlab.gnome.org/GNOME/gnome-software/-/issues/1515

 src/gs-updates-page.ui | 18 ++++++++++++++++--
 src/style.css          |  9 +++++++--
 2 files changed, 23 insertions(+), 4 deletions(-)
---
diff --git a/src/gs-updates-page.ui b/src/gs-updates-page.ui
index c62942c86..5674e0c67 100644
--- a/src/gs-updates-page.ui
+++ b/src/gs-updates-page.ui
@@ -53,10 +53,24 @@
                         <property name="orientation">vertical</property>
                         <property name="valign">center</property>
                         <child>
-                          <object class="GtkSpinner" id="spinner_updates">
+                          <object class="GtkBox">
+                            <property name="orientation">vertical</property>
+                            <property name="valign">center</property>
+                            <property name="halign">center</property>
                             <style>
-                              <class name="icon"/>
+                              <class name="iconbox"/>
                             </style>
+                            <child>
+                              <object class="GtkSpinner" id="spinner_updates">
+                                <property name="halign">center</property>
+                                <property name="valign">center</property>
+                                <property name="hexpand">True</property>
+                                <property name="vexpand">True</property>
+                                <style>
+                                  <class name="icon"/>
+                                </style>
+                              </object>
+                            </child>
                           </object>
                         </child>
                         <child>
diff --git a/src/style.css b/src/style.css
index 0f9e948a5..8c83de2d7 100644
--- a/src/style.css
+++ b/src/style.css
@@ -335,12 +335,17 @@ clamp.status-page {
        margin: 36px 12px;
 }
 
-clamp.status-page .icon {
-       color: alpha(@theme_fg_color, 0.5);
+clamp.status-page .iconbox {
        min-height: 128px;
        min-width: 128px;
 }
 
+clamp.status-page .icon {
+       color: alpha(@theme_fg_color, 0.5);
+       min-height: 32px;
+       min-width: 32px;
+}
+
 clamp.status-page .icon:not(:last-child) {
        margin-bottom: 36px;
 }