[gnome-sound-recorder/wip/exalm/polish: 8/8] row: Make the waveform edge to edge

[Alexander Mikhaylenko <alexm src gnome org>]

commit 5aff99cbf91ba9b37a943e963072c36b22c9cb9d
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Fri Nov 19 13:08:54 2021 +0500

    row: Make the waveform edge to edge

 data/style.css |  4 ++++
 data/ui/row.ui | 13 +++++++------
 src/row.js     |  4 ----
 3 files changed, 11 insertions(+), 10 deletions(-)
---
diff --git a/data/style.css b/data/style.css
index 828f02f..41b8499 100644
--- a/data/style.css
+++ b/data/style.css
@@ -25,3 +25,7 @@
 button.large {
   padding: 12px;
 }
+
+.recording-row {
+  padding: 0;
+}
diff --git a/data/ui/row.ui b/data/ui/row.ui
index f9c4bdd..4c1a3ab 100644
--- a/data/ui/row.ui
+++ b/data/ui/row.ui
@@ -2,6 +2,9 @@
 <interface>
   <template class="Gjs_Row" parent="GtkListBoxRow">
     <property name="selectable">False</property>
+    <style>
+      <class name="recording-row"/>
+    </style>
     <child>
       <object class="GtkBox">
         <property name="margin_top">12</property>
@@ -9,14 +12,14 @@
         <property name="orientation">vertical</property>
         <child>
           <object class="GtkStack" id="mainStack">
+            <property name="margin_start">14</property>
+            <property name="margin_end">14</property>
             <child>
               <object class="GtkStackPage">
                 <property name="name">display</property>
                 <property name="child">
                   <object class="GtkBox">
                     <property name="valign">center</property>
-                    <property name="margin_start">12</property>
-                    <property name="margin_end">12</property>
                     <property name="hexpand">True</property>
                     <child>
                       <object class="GtkBox">
@@ -61,8 +64,6 @@
                 <property name="name">edit</property>
                 <property name="child">
                   <object class="GtkEntry" id="entry">
-                    <property name="margin_start">12</property>
-                    <property name="margin_end">12</property>
                     <property name="activates_default">True</property>
                   </object>
                 </property>
@@ -94,8 +95,8 @@
                 </child>
                 <child>
                   <object class="GtkBox">
-                    <property name="margin_start">12</property>
-                    <property name="margin_end">12</property>
+                    <property name="margin_start">14</property>
+                    <property name="margin_end">14</property>
                     <property name="margin_top">18</property>
                     <child>
                       <object class="GtkBox" id="deleteBtnBox">
diff --git a/src/row.js b/src/row.js
index 4214408..425a3c8 100644
--- a/src/row.js
+++ b/src/row.js
@@ -38,12 +38,8 @@ var Row = GObject.registerClass({
         super._init({});
 
         this.waveform = new WaveForm({
-            hexpand: true,
-            halign: Gtk.Align.FILL,
             margin_top: 18,
             height_request: 60,
-            margin_start: 12,
-            margin_end: 12,
         }, WaveType.PLAYER);
         this._waveformStack.add_named(this.waveform, 'wave');