[gnome-clocks] alarm-dialog: Use ListBoxRow instead of action row

[Bilal Elmoussaoui <bilelmoussaoui src gnome org>]

commit 32a0da3480ee6e8f28a70d5d7ec8d8412021ea99
Author: Maximiliano Sandoval R <msandova gnome org>
Date:   Mon Dec 13 16:47:15 2021 +0100

    alarm-dialog: Use ListBoxRow instead of action row
    
    Otherwise the flowbox does not get enough space.

 data/css/gnome-clocks.css       |  5 -----
 data/ui/alarm-day-picker-row.ui | 32 +++++++++++++++++++++-----------
 src/alarm-day-picker-row.vala   |  3 ++-
 3 files changed, 23 insertions(+), 17 deletions(-)
---
diff --git a/data/css/gnome-clocks.css b/data/css/gnome-clocks.css
index 404f3e53..c8d99830 100644
--- a/data/css/gnome-clocks.css
+++ b/data/css/gnome-clocks.css
@@ -29,11 +29,6 @@ row.snoozing {
        font-weight: bold;
 }
 
-.repeats button {
-       min-width: 24px;
-       min-height: 24px;
-}
-
 .alarm-time {
        font-size: 2.5em;
        font-weight: 300;
diff --git a/data/ui/alarm-day-picker-row.ui b/data/ui/alarm-day-picker-row.ui
index 9a2ceefd..fb837c93 100644
--- a/data/ui/alarm-day-picker-row.ui
+++ b/data/ui/alarm-day-picker-row.ui
@@ -1,19 +1,29 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <interface>
-  <template class="ClocksAlarmDayPickerRow" parent="AdwActionRow">
-    <property name="title" translatable="yes">_Repeat</property>
-    <property name="use-underline">True</property>
+  <template class="ClocksAlarmDayPickerRow" parent="GtkListBoxRow">
     <property name="activatable">False</property>
     <property name="selectable">False</property>
     <child>
-     <object class="GtkFlowBox" id="flow">
-        <property name="valign">center</property>
-        <property name="hexpand">True</property>
-        <property name="selection-mode">none</property>
-        <property name="activate-on-single-click">False</property>
-        <style>
-          <class name="repeats"/>
-        </style>
+      <object class="GtkBox">
+        <property name="spacing">30</property>
+        <property name="margin-start">12</property>
+        <property name="margin-end">12</property>
+        <property name="margin-top">12</property>
+        <property name="margin-bottom">12</property>
+        <child>
+          <object class="GtkLabel">
+            <property name="label" translatable="yes">Repeat</property>
+            <property name="use-underline">True</property>
+          </object>
+        </child>
+        <child>
+          <object class="GtkFlowBox" id="flow">
+            <property name="valign">center</property>
+            <property name="hexpand">True</property>
+            <property name="selection-mode">none</property>
+            <property name="activate-on-single-click">False</property>
+          </object>
+        </child>
       </object>
     </child>
   </template>
diff --git a/src/alarm-day-picker-row.vala b/src/alarm-day-picker-row.vala
index 3f68ec2a..97e4e6fa 100644
--- a/src/alarm-day-picker-row.vala
+++ b/src/alarm-day-picker-row.vala
@@ -21,7 +21,7 @@ namespace Clocks {
 namespace Alarm {
 
 [GtkTemplate (ui = "/org/gnome/clocks/ui/alarm-day-picker-row.ui")]
-public class DayPickerRow : Adw.ActionRow {
+public class DayPickerRow : Gtk.ListBoxRow {
     public bool monday {
         get {
             return days[Utils.Weekdays.Day.MON];
@@ -127,6 +127,7 @@ public class DayPickerRow : Adw.ActionRow {
             buttons[i].action_name = "repeats.day-%i".printf (i);
             buttons[i].tooltip_text = day.name ();
             buttons[i].add_css_class ("circular");
+            buttons[i].halign = Gtk.Align.START;
             buttons[i].show ();
         }