From b75c2b30016154e5918571037151cfe534263692 Mon Sep 17 00:00:00 2001
From: gramps <gramps@llamachile.shop>
Date: Sun, 1 Nov 2026 13:57:36 -0800
Subject: [PATCH] =?UTF-8?q?ui(audio):=20one=20row=20grid=20across=20the=20?=
 =?UTF-8?q?dock=20=E2=80=94=20ladders=20on=20a=20line,=20volume=20bars=20o?=
 =?UTF-8?q?n=20a=20line?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Every bay is now header / ladder / controls. Lip-sync has no ladder, so it holds an empty 20px
row (10px meter + the two margins) that keeps its slider exactly level with the other three,
and MIC's ladder gained the missing 4px bottom margin that had its slider sitting 4px high.

Presets stay under the slider in the narrow lip-sync bay.
---
 Controls/AudioDock.xaml | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/Controls/AudioDock.xaml b/Controls/AudioDock.xaml
index 5a04678..b20c613 100644
--- a/Controls/AudioDock.xaml
+++ b/Controls/AudioDock.xaml
@@ -45,7 +45,7 @@
                                        TextTrimming="CharacterEllipsis" Text="{Binding MicSourceName, TargetNullValue='No microphone'}"
                                        Foreground="{StaticResource Brush.OnSurface}"/>
                         </Grid>
-                        <controls:SegmentMeter Grid.Row="1" Height="10" Margin="0,6,0,0" Orientation="Horizontal"
+                        <controls:SegmentMeter Grid.Row="1" Height="10" Margin="0,6,0,4" Orientation="Horizontal"
                                                Level="{Binding MicMeterFraction}" Segments="24"/>
                         <DockPanel Grid.Row="2" Margin="0,6,0,0">
                             <Button DockPanel.Dock="Left" Width="24" Height="20" Margin="0,0,6,0"
@@ -179,28 +179,29 @@
                             <RowDefinition Height="Auto"/>
                             <RowDefinition Height="Auto"/>
                         </Grid.RowDefinitions>
-                        <!-- One line up (creator ruling 2026-11-01): the offset slider rides on the
-                             header line, beside the badge and the reading — not on a line of its own
-                             underneath it. The presets are what remains below. -->
+                        <!-- Row alignment across the dock (creator ruling 2026-11-01): every bay is
+                             header / meter / controls, so the ladders sit on one horizontal line and the
+                             volume bars on another. Lip-sync has no ladder, so it holds an empty row the
+                             height of one (10px meter + 6/4 margins = 20) to keep its slider level with
+                             the other three. -->
                         <Grid Grid.Row="0">
                             <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="Auto"/>
                                 <ColumnDefinition Width="Auto"/>
                                 <ColumnDefinition Width="*"/>
                             </Grid.ColumnDefinitions>
-                            <Border Background="{StaticResource Brush.SurfaceContainerHighest}" CornerRadius="{StaticResource Radius.Sm}" Padding="5,1"
-                                    VerticalAlignment="Center">
+                            <Border Background="{StaticResource Brush.SurfaceContainerHighest}" CornerRadius="{StaticResource Radius.Sm}" Padding="5,1">
                                 <TextBlock Text="LIP-SYNC" FontSize="9" FontWeight="Bold" Foreground="{StaticResource Brush.OnSurfaceVariant}"/>
                             </Border>
                             <TextBlock Grid.Column="1" Margin="6,0,0,0" FontSize="10" VerticalAlignment="Center"
-                                       FontFamily="{StaticResource FontFamily.Mono}"
+                                       FontFamily="{StaticResource FontFamily.Mono}" TextAlignment="Right"
                                        Foreground="{StaticResource Brush.Tertiary}" Text="{Binding SyncOffsetLabel}"/>
-                            <Slider Grid.Column="2" Margin="8,0,0,0" Minimum="-200" Maximum="200" SmallChange="5" LargeChange="25"
+                        </Grid>
+                        <Border Grid.Row="1" Height="20"/>
+                        <StackPanel Grid.Row="2">
+                            <Slider Minimum="-200" Maximum="200" SmallChange="5" LargeChange="25"
                                     TickFrequency="5" IsSnapToTickEnabled="True"
                                     Value="{Binding AudioSyncOffsetMs, Mode=TwoWay}" VerticalAlignment="Center"/>
-                        </Grid>
-                        <StackPanel Grid.Row="1" Margin="0,6,0,0">
-                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
+                            <StackPanel Orientation="Horizontal" Margin="0,2,0,0" HorizontalAlignment="Right">
                                 <Button Content="0" Width="26" Height="16" FontSize="9" Padding="0" Margin="0,0,4,0"
                                         Style="{StaticResource YtButtonSecondary}" Click="SyncPreset_Click" Tag="0"/>
                                 <Button Content="+50" Width="30" Height="16" FontSize="9" Padding="0" Margin="0,0,4,0"