[gnome-weather/wip/ewlsh/gtk4: 5/7] weather-widget: Use GtkBox for attribution section, remove custom color

[Christopher Davis <christopherdavis src gnome org>]

commit 777d738f087d90afa3183797caa85d1dfbbed12b
Author: Christopher Davis <christopherdavis gnome org>
Date:   Tue Feb 15 17:16:50 2022 -0800

    weather-widget: Use GtkBox for attribution section, remove custom color

 data/style.css         |  4 ----
 data/weather-widget.ui | 15 ++++-----------
 2 files changed, 4 insertions(+), 15 deletions(-)
---
diff --git a/data/style.css b/data/style.css
index dcbe852..dd22681 100644
--- a/data/style.css
+++ b/data/style.css
@@ -90,10 +90,6 @@ WeatherThermometer > label.low {
     margin: 18px;
 }
 
-#attribution-label {
-    color: rgba(154, 153, 150, 1);
-}
-
 viewswitchertitle viewswitcher {
     margin-left: 100px;
     margin-right: 100px;
diff --git a/data/weather-widget.ui b/data/weather-widget.ui
index 0ab8f68..361d5bf 100644
--- a/data/weather-widget.ui
+++ b/data/weather-widget.ui
@@ -177,24 +177,20 @@
           </object>
         </child>
         <child>
-          <object class="GtkGrid">
+          <object class="GtkBox">
             <property name="name">attributionGrid</property>
-            <property name="row_spacing">8</property>
+            <property name="orientation">vertical</property>
+            <property name="spacing">6</property>
             <child>
               <object class="GtkLabel" id="updatedTimeLabel">
                 <property name="halign">start</property>
                 <style>
                   <class name="caption" />
                 </style>
-                <layout>
-                  <property name="column">0</property>
-                  <property name="row">0</property>
-                </layout>
               </object>
             </child>
             <child>
               <object class="GtkLabel" id="attributionLabel">
-                <property name="name">attribution-label</property>
                 <property name="use_markup">true</property>
                 <property name="wrap">1</property>
                 <property name="xalign">0</property>
@@ -202,12 +198,9 @@
                      don't cause the bottom navigation to overflow -->
                 <property name="ellipsize">end</property>
                 <style>
+                  <class name="dim-label" />
                   <class name="caption" />
                 </style>
-                <layout>
-                  <property name="column">0</property>
-                  <property name="row">1</property>
-                </layout>
               </object>
             </child>
           </object>