[gnome-weather] Put forecast stack into a frame

[Vitaly Dyachkov <vitalydyachkov src gnome org>]

commit 81802e8ec09290a6032e25ad888dcf058dfb920a
Author: Vitaly Dyachkov <obyknovenius me com>
Date:   Wed Mar 10 16:37:25 2021 +0100

    Put forecast stack into a frame

 data/application.css   |  4 +++
 data/weather-widget.ui | 72 ++++++++++++++++++++++++++++----------------------
 2 files changed, 44 insertions(+), 32 deletions(-)
---
diff --git a/data/application.css b/data/application.css
index 7044732..c738dd8 100644
--- a/data/application.css
+++ b/data/application.css
@@ -38,6 +38,10 @@
     border: 1px solid @borders;
 }
 
+#forecast-frame {
+    background-color: @theme_base_color;
+}
+
 .forecast-temperature-label {
     font-weight: bold;
     color: #c89009;
diff --git a/data/weather-widget.ui b/data/weather-widget.ui
index 5e46c40..a2d7753 100644
--- a/data/weather-widget.ui
+++ b/data/weather-widget.ui
@@ -156,51 +156,59 @@
                     <property name="visible">True</property>
                     <property name="can_focus">False</property>
                     <child>
-                      <object class="GtkStack" id="forecastStack">
+                      <object class="GtkFrame" id="forecastFrame">
+                        <property name="name">forecast-frame</property>
                         <property name="visible">True</property>
                         <property name="can_focus">False</property>
-                        <property name="transition_type">crossfade</property>
+                        <property name="shadow-type">GTK_SHADOW_IN</property>
                         <child>
-                          <object class="GtkScrolledWindow" id="forecast-hourly">
+                          <object class="GtkStack" id="forecastStack">
                             <property name="visible">True</property>
-                            <property name="can_focus">True</property>
-                            <property name="vscrollbar_policy">never</property>
-                            <property name="min_content_width">308</property>
+                            <property name="can_focus">False</property>
+                            <property name="transition_type">crossfade</property>
                             <child>
-                              <object class="GtkViewport" id="forecast-hourly-viewport">
+                              <object class="GtkScrolledWindow" id="forecast-hourly">
                                 <property name="visible">True</property>
-                                <property name="can_focus">False</property>
-                                <property name="hscroll_policy">natural</property>
-                                <property name="vscroll_policy">natural</property>
+                                <property name="can_focus">True</property>
+                                <property name="vscrollbar_policy">never</property>
+                                <property name="min_content_width">308</property>
+                                <child>
+                                  <object class="GtkViewport" id="forecast-hourly-viewport">
+                                    <property name="visible">True</property>
+                                    <property name="can_focus">False</property>
+                                    <property name="hscroll_policy">natural</property>
+                                    <property name="vscroll_policy">natural</property>
+                                  </object>
+                                </child>
                               </object>
+                              <packing>
+                                <property name="name">hourly</property>
+                                <property name="title" translatable="yes">Hourly</property>
+                                <property name="icon-name">preferences-system-time-symbolic</property>
+                              </packing>
                             </child>
-                          </object>
-                          <packing>
-                            <property name="name">hourly</property>
-                            <property name="title" translatable="yes">Hourly</property>
-                            <property name="icon-name">preferences-system-time-symbolic</property>
-                          </packing>
-                        </child>
-                        <child>
-                          <object class="GtkScrolledWindow" id="forecast-daily">
-                            <property name="visible">True</property>
-                            <property name="can_focus">True</property>
-                            <property name="vscrollbar_policy">never</property>
-                            <property name="min_content_width">308</property>
                             <child>
-                              <object class="GtkViewport" id="forecast-daily-viewport">
+                              <object class="GtkScrolledWindow" id="forecast-daily">
                                 <property name="visible">True</property>
-                                <property name="can_focus">False</property>
-                                <property name="hscroll_policy">natural</property>
-                                <property name="vscroll_policy">natural</property>
+                                <property name="can_focus">True</property>
+                                <property name="vscrollbar_policy">never</property>
+                                <property name="min_content_width">308</property>
+                                <child>
+                                  <object class="GtkViewport" id="forecast-daily-viewport">
+                                    <property name="visible">True</property>
+                                    <property name="can_focus">False</property>
+                                    <property name="hscroll_policy">natural</property>
+                                    <property name="vscroll_policy">natural</property>
+                                  </object>
+                                </child>
                               </object>
+                              <packing>
+                                <property name="name">daily</property>
+                                <property name="title" translatable="yes">Daily</property>
+                                <property name="icon-name">x-office-calendar-symbolic</property>
+                              </packing>
                             </child>
                           </object>
-                          <packing>
-                            <property name="name">daily</property>
-                            <property name="title" translatable="yes">Daily</property>
-                            <property name="icon-name">x-office-calendar-symbolic</property>
-                          </packing>
                         </child>
                       </object>
                       <packing>