[gnome-control-center/wip/cdavis/40-consistency] wifi-panel: Use GNOME 40 list and status page styling

[Christopher Davis <christopherdavis src gnome org>]

commit f6aa4f28b302f11454e51bbc963c2b9d09b9acd5
Author: Christopher Davis <christopherdavis gnome org>
Date:   Wed Feb 17 18:12:44 2021 -0800

    wifi-panel: Use GNOME 40 list and status page styling
    
    In GNOME 40 we have HdyStatusPage and rounded lists.
    In this instance, we can't use HdyStatuPage, so we should
    adjust our own status pages to match.

 panels/network/cc-wifi-panel.ui | 59 ++++++++++++++++++++++++++++-------------
 1 file changed, 41 insertions(+), 18 deletions(-)
---
diff --git a/panels/network/cc-wifi-panel.ui b/panels/network/cc-wifi-panel.ui
index 81f4061b0..87a36032d 100644
--- a/panels/network/cc-wifi-panel.ui
+++ b/panels/network/cc-wifi-panel.ui
@@ -31,7 +31,7 @@
                     <property name="margin_bottom">32</property>
                     <property name="selection-mode">none</property>
                     <style>
-                      <class name="frame"/>
+                      <class name="content"/>
                     </style>
                     <child>
                       <object class="CcListRow" id="rfkill_row">
@@ -72,8 +72,8 @@
                             <property name="visible">True</property>
                             <property name="can_focus">False</property>
                             <property name="icon_name">network-wireless-no-route-symbolic</property>
-                            <property name="pixel_size">256</property>
-                            <property name="margin-bottom">18</property>
+                            <property name="pixel_size">128</property>
+                            <property name="margin-bottom">36</property>
                             <style>
                               <class name="dim-label" />
                             </style>
@@ -84,11 +84,13 @@
                             <property name="visible">True</property>
                             <property name="can_focus">False</property>
                             <property name="wrap">True</property>
+                            <property name="wrap-mode">word-char</property>
+                            <property name="justify">center</property>
                             <property name="label" translatable="yes">No Wi-Fi Adapter Found</property>
-                            <attributes>
-                              <attribute name="weight" value="bold" />
-                              <attribute name="scale" value="1.2" />
-                            </attributes>
+                            <property name="margin-bottom">12</property>
+                            <style>
+                              <class name="large-title"/>
+                            </style>
                           </object>
                         </child>
                         <child>
@@ -96,7 +98,13 @@
                             <property name="visible">True</property>
                             <property name="can_focus">False</property>
                             <property name="wrap">True</property>
-                            <property name="label" translatable="yes">Make sure you have a Wi-Fi adapter 
plugged and turned on</property>
+                            <property name="wrap-mode">word-char</property>
+                            <property name="justify">center</property>
+                            <property name="label" translatable="yes">Make sure you have a Wi-Fi adapter 
plugged and turned on.</property>
+                            <style>
+                              <class name="body"/>
+                              <class name="description"/>
+                            </style>
                           </object>
                         </child>
                       </object>
@@ -119,8 +127,8 @@
                             <property name="visible">True</property>
                             <property name="can_focus">False</property>
                             <property name="icon_name">airplane-mode-symbolic</property>
-                            <property name="pixel_size">256</property>
-                            <property name="margin-bottom">18</property>
+                            <property name="pixel_size">128</property>
+                            <property name="margin-bottom">36</property>
                             <style>
                               <class name="dim-label" />
                             </style>
@@ -131,11 +139,13 @@
                             <property name="visible">True</property>
                             <property name="can_focus">False</property>
                             <property name="wrap">True</property>
+                            <property name="wrap-mode">word-char</property>
+                            <property name="justify">center</property>
                             <property name="label" translatable="yes">Airplane Mode On</property>
-                            <attributes>
-                              <attribute name="weight" value="bold" />
-                              <attribute name="scale" value="1.2" />
-                            </attributes>
+                            <property name="margin-bottom">12</property>
+                            <style>
+                              <class name="large-title"/>
+                            </style>
                           </object>
                         </child>
                         <child>
@@ -143,7 +153,13 @@
                             <property name="visible">True</property>
                             <property name="can_focus">False</property>
                             <property name="wrap">True</property>
-                            <property name="label" translatable="yes">Turn off to use Wi-Fi</property>
+                            <property name="wrap-mode">word-char</property>
+                            <property name="justify">center</property>
+                            <property name="label" translatable="yes">Turn off to use Wi-Fi.</property>
+                            <style>
+                              <class name="body"/>
+                              <class name="description"/>
+                            </style>
                           </object>
                         </child>
                       </object>
@@ -283,6 +299,7 @@
                             <property name="can_focus">False</property>
                             <property name="icon_name">face-sad-symbolic</property>
                             <property name="pixel_size">128</property>
+                            <property name="margin_bottom">36</property>
                             <style>
                               <class name="dim-label" />
                             </style>
@@ -293,11 +310,14 @@
                             <property name="visible">True</property>
                             <property name="can_focus">False</property>
                             <property name="wrap">True</property>
+                            <property name="wrap-mode">word-char</property>
+                            <property name="justify">center</property>
                             <property name="label" translatable="yes">NetworkManager needs to be 
running</property>
+                            <property name="margin_bottom">12</property>
+                            <style>
+                              <class name="large-title" />
+                            </style>
                           </object>
-                          <packing>
-                            <property name="pack-type">end</property>
-                          </packing>
                         </child>
                         <child>
                           <object class="GtkLabel">
@@ -305,6 +325,9 @@
                             <property name="can_focus">False</property>
                             <property name="wrap">True</property>
                             <property name="label" translatable="yes">Oops, something has gone wrong. Please 
contact your software vendor.</property>
+                            <property name="wrap">True</property>
+                            <property name="wrap-mode">word-char</property>
+                            <property name="justify">center</property>
                             <attributes>
                               <attribute name="scale" value="1.42" />
                             </attributes>