From 2e12c5651e08bc4bd0228275c60250a24538d7a5 Mon Sep 17 00:00:00 2001
From: gramps <gramps@llamachile.shop>
Date: Sun, 1 Nov 2026 09:35:37 -0800
Subject: [PATCH] ui(drawers): 20px of content padding on the right of every
 pull-out
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The five drawers each sized their content Grid to Width=320 inside a panel that itself
animates to 320, with 14px margins — so the content box was 348 wide in a 320 window and its
right edge was clipped. That is why every drawer's content jammed into the right margin
regardless of the margin value.

The Grid now fills the panel (no fixed width) with Margin 14,10,20,12: 14 on the left, 20
between the content and the right edge of the div, which is the requested gutter.
---
 Controls/PreviewPane.xaml    | 10 +++++-----
 Controls/SettingsDrawer.xaml |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/Controls/PreviewPane.xaml b/Controls/PreviewPane.xaml
index ddf52e6..98b20fc 100644
--- a/Controls/PreviewPane.xaml
+++ b/Controls/PreviewPane.xaml
@@ -538,7 +538,7 @@
                                     </Style>
                                 </Border.Style>
                                 <!-- Fixed-width inner so text never reflows mid-animation -->
-                                <Grid Width="320" Margin="14,10,14,12">
+                                <Grid Margin="14,10,20,12">
                                     <Grid.RowDefinitions>
                                         <RowDefinition Height="Auto"/>
                                         <RowDefinition Height="*"/>
@@ -627,7 +627,7 @@
                                         </Style.Triggers>
                                     </Style>
                                 </Border.Style>
-                                <Grid Width="320" Margin="14,10,14,12">
+                                <Grid Margin="14,10,20,12">
                                     <Grid.RowDefinitions>
                                         <RowDefinition Height="Auto"/>
                                         <RowDefinition Height="*"/>
@@ -684,7 +684,7 @@
                                         </Style.Triggers>
                                     </Style>
                                 </Border.Style>
-                                <Grid Width="320" Margin="14,10,14,12">
+                                <Grid Margin="14,10,20,12">
                                     <Grid.RowDefinitions>
                                         <RowDefinition Height="Auto"/>
                                         <RowDefinition Height="*"/>
@@ -818,7 +818,7 @@
                                         </Style.Triggers>
                                     </Style>
                                 </Border.Style>
-                                <Grid Width="320" Margin="14,10,14,12">
+                                <Grid Margin="14,10,20,12">
                                     <Grid.RowDefinitions>
                                         <RowDefinition Height="Auto"/>
                                         <RowDefinition Height="*"/>
@@ -918,7 +918,7 @@
                                         </Style.Triggers>
                                     </Style>
                                 </Border.Style>
-                                <Grid Width="320" Margin="14,10,14,12">
+                                <Grid Margin="14,10,20,12">
                                     <Grid.RowDefinitions>
                                         <RowDefinition Height="Auto"/>
                                         <RowDefinition Height="*"/>
diff --git a/Controls/SettingsDrawer.xaml b/Controls/SettingsDrawer.xaml
index 6eefd3d..b16fee5 100644
--- a/Controls/SettingsDrawer.xaml
+++ b/Controls/SettingsDrawer.xaml
@@ -11,7 +11,7 @@
 
          Categories are headings; their controls are indented under them (Zoom is one). -->
     <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled">
-        <StackPanel Margin="4,0,20,0">
+        <StackPanel Margin="0,0,0,0">
 
             <!-- ═══ RECORDINGS ═══ -->
             <TextBlock Text="Recordings" Style="{StaticResource SectionHeader}" Margin="0,0,0,4"/>