[gnome-control-center/gbsneto/display-panel-fixups: 19/19] display: Box Night Light temperature vertically

[Benjamin Berg <bberg src gnome org>]

commit dddd3f62c3c6908ab02835465a27b298932a6caa
Author: Georges Basile Stavracas Neto <georges stavracas gmail com>
Date:   Mon Feb 14 21:38:43 2022 -0300

    display: Box Night Light temperature vertically
    
    Instead of being in the horizontal end of the row, move
    the temperature scale to a second row.
    
    Related: https://gitlab.gnome.org/GNOME/gnome-control-center/-/issues/1587

 panels/display/cc-night-light-page.ui | 56 ++++++++++++++++++++++++-----------
 1 file changed, 39 insertions(+), 17 deletions(-)
---
diff --git a/panels/display/cc-night-light-page.ui b/panels/display/cc-night-light-page.ui
index 0bf7a760a..300d93ec5 100644
--- a/panels/display/cc-night-light-page.ui
+++ b/panels/display/cc-night-light-page.ui
@@ -298,30 +298,52 @@
 
                 <!-- Color Temperature -->
                 <child>
-                  <object class="AdwActionRow">
-                    <property name="title" translatable="yes">Color Temperature</property>
+                  <object class="AdwPreferencesRow">
+                    <property name="activatable">False</property>
                     <property name="sensitive" bind-source="night_light_toggle_switch" 
bind-property="active" bind-flags="default|sync-create" />
 
                     <child>
-                      <object class="GtkScale" id="scale_color_temperature">
-                        <property name="can_focus">True</property>
-                        <property name="hexpand">True</property>
+                      <object class="GtkBox">
+                        <property name="margin-start">12</property>
+                        <property name="margin-end">12</property>
                         <property name="margin-top">12</property>
                         <property name="margin-bottom">12</property>
-                        <property name="width-request">280</property>
-                        <property name="adjustment">adjustment_color_temperature</property>
-                        <property name="inverted">True</property>
-                        <property name="restrict_to_fill_level">False</property>
-                        <property name="fill_level">1</property>
-                        <property name="digits">0</property>
-                        <property name="draw_value">False</property>
-                        <property name="has_origin">False</property>
-                        <property name="value_pos">bottom</property>
-                        <style>
-                          <class name="night-light-temperature"/>
-                        </style>
+                        <property name="spacing">6</property>
+                        <property name="orientation">vertical</property>
+
+                        <child>
+                          <object class="GtkLabel" id="title">
+                            <property name="label" translatable="yes">Color Temperature</property>
+                            <property name="ellipsize">none</property>
+                            <property name="lines">0</property>
+                            <property name="xalign">0.0</property>
+                            <style>
+                              <class name="title"/>
+                            </style>
+                          </object>
+                        </child>
+
+                        <child>
+                          <object class="GtkScale" id="scale_color_temperature">
+                            <property name="hexpand">True</property>
+                            <property name="width-request">280</property>
+                            <property name="adjustment">adjustment_color_temperature</property>
+                            <property name="inverted">True</property>
+                            <property name="restrict_to_fill_level">False</property>
+                            <property name="fill_level">1</property>
+                            <property name="digits">0</property>
+                            <property name="draw_value">False</property>
+                            <property name="has_origin">False</property>
+                            <property name="value_pos">bottom</property>
+                            <style>
+                              <class name="night-light-temperature"/>
+                            </style>
+                          </object>
+                        </child>
+
                       </object>
                     </child>
+
                   </object>
                 </child>