From 62ecbdd40b00584f83f7f0cf775aec68db125815 Mon Sep 17 00:00:00 2001
From: Robbert Verbruggen <rfverbruggen@icloud.com>
Date: Wed, 7 Apr 2021 13:33:01 +0200
Subject: [PATCH] Responsive Delete button

The Delete button is now responsive if large quantities of mails are selected.

This is implemented using a StackPanel around the Buttons, giving the Delete button a MinWidth instead of a Width and setting all Margins on the buttons to 4,0,0,9 because the margin is now relative to the other (previous) button.
---
 src/Papercut.UI/Views/MainView.xaml | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/Papercut.UI/Views/MainView.xaml b/src/Papercut.UI/Views/MainView.xaml
index 277e63e0..85e3f9de 100644
--- a/src/Papercut.UI/Views/MainView.xaml
+++ b/src/Papercut.UI/Views/MainView.xaml
@@ -144,24 +144,25 @@
                             HorizontalAlignment="Stretch"
                             IsEnabled="{Binding Path=MessageListViewModel.HasSelectedMessage}" />
 
-            <Button Height="28" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="4,0,0,9" Width="72"
-                    Name="ForwardSelected" IsEnabled="{Binding Path=MessageListViewModel.HasSelectedMessage}"
-                    Grid.Row="1">
+            <StackPanel Grid.Row="1" Orientation="Horizontal">
+                <Button Height="28" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="4,0,0,9" Width="72" 
+                    Name="ForwardSelected" IsEnabled="{Binding Path=MessageListViewModel.HasSelectedMessage}">
                 Forward
-            </Button>
+                </Button>
 
-            <Button Height="28" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="82,0,0,9" Width="72"
+                <Button Height="28" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="4,0,0,9" MinWidth="72"
                     Name="DeleteSelected" IsEnabled="{Binding Path=MessageListViewModel.HasSelectedMessage}"
                     Content="{Binding Path=MessageListViewModel.DeleteText}"           
                     cal:Bind.ModelWithoutContext="{Binding Path=MessageListViewModel}"
-                    cal:Message.Attach="[Event Click] = [Action DeleteSelected]" Grid.Row="1" />
+                    cal:Message.Attach="[Event Click] = [Action DeleteSelected]" />
 
-            <Button Height="28" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="160,0,0,9" Width="72"
+                <Button Height="28" HorizontalAlignment="Left" VerticalAlignment="Bottom" Margin="4,0,0,9" Width="72"
                     Name="DeleteAllSelected" IsEnabled="{Binding Path=MessageListViewModel.HasSelectedMessage}"
                     cal:Bind.ModelWithoutContext="{Binding Path=MessageListViewModel}"
-                    cal:Message.Attach="[Event Click] = [Action ShowConfirmDeleteAll]" Grid.Row="1">
+                    cal:Message.Attach="[Event Click] = [Action ShowConfirmDeleteAll]">
                 Delete All
-            </Button>
+                </Button>
+            </StackPanel>
 
             <Image Height="42" Margin="6,0,0,3" Name="image1" Stretch="Fill" VerticalAlignment="Bottom"
                    HorizontalAlignment="Left" Width="42" Source="/Papercut;component/App.ico" Grid.Row="1"