online-accounts: Allow the panel to reach narrower sizes

panels/online-accounts/cc-online-accounts-panel.c

@@ -23,6 +23,8 @@
 #include <gio/gio.h>
 #include <string.h>
 #include <glib/gi18n-lib.h>
+#define HANDY_USE_UNSTABLE_API
+#include <handy.h>
 
 #define GOA_API_IS_SUBJECT_TO_CHANGE
 #include <goa/goa.h>
@@ -536,6 +538,8 @@ cc_goa_panel_class_init (CcGoaPanelClass *klass)
 
   g_object_class_override_property (object_class, PROP_PARAMETERS, "parameters");
 
+  HDY_TYPE_COLUMN;
+
   gtk_widget_class_set_template_from_resource (widget_class, "/org/gnome/control-center/online-accounts/online-accounts.ui");
 
   gtk_widget_class_bind_template_child (widget_class, CcGoaPanel, accounts_frame);

panels/online-accounts/online-accounts.ui

@@ -70,44 +70,14 @@
             <property name="hscrollbar_policy">never</property>
             <property name="min_content_height">500</property>
             <child>
-              <object class="GtkGrid">
+              <object class="HdyColumn">
                 <property name="visible">True</property>
-                <property name="can_focus">False</property>
-                <property name="row-spacing">18</property>
-                <property name="column-spacing">18</property>
-                <property name="orientation">vertical</property>
-                <property name="margin_start">32</property>
-                <property name="margin_end">32</property>
+                <property name="maximum_width">600</property>
+                <property name="linear_growth_width">400</property>
                 <property name="margin_top">32</property>
                 <property name="margin_bottom">32</property>
-                <property name="hexpand">True</property>
-                <property name="width-request">300</property>
-
-                <!--
-                  Stub boxes to pull the widgets to the middle, and yet allow them to
-                  grow and cover a third of the available space
-                -->
-                <child>
-                  <object class="GtkBox">
-                    <property name="visible">True</property>
-                    <property name="hexpand">True</property>
-                  </object>
-                  <packing>
-                    <property name="top-attach">0</property>
-                    <property name="left-attach">0</property>
-                  </packing>
-                </child>
-
-                <child>
-                  <object class="GtkBox">
-                    <property name="visible">True</property>
-                    <property name="hexpand">True</property>
-                  </object>
-                  <packing>
-                    <property name="top-attach">0</property>
-                    <property name="left-attach">2</property>
-                  </packing>
-                </child>
+                <property name="margin_start">12</property>
+                <property name="margin_end">12</property>
 
                 <child>
                   <object class="GtkBox">
@@ -122,6 +92,8 @@
                       <object class="GtkLabel">
                         <property name="visible">True</property>
                         <property name="can_focus">False</property>
+                        <property name="wrap">True</property>
+                        <property name="justify">center</property>
                         <property name="label" translatable="yes">Connect to your data in the cloud</property>
                         <property name="margin_bottom">20</property>
                         <attributes>
@@ -192,10 +164,6 @@
                       </object>
                     </child>
                   </object>
-                  <packing>
-                    <property name="top-attach">0</property>
-                    <property name="left-attach">1</property>
-                  </packing>
                 </child>
               </object>
             </child>
@@ -279,3 +247,4 @@
     </child>
   </object>
 </interface>
+