Shrink conversations list and fix on mobile

Now it resizes correctly on mobile

Author: golf1052

Signal-Windows/Controls/ConversationListElement.xaml

@@ -7,7 +7,7 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     mc:Ignorable="d"
     d:DesignHeight="96"
-    d:DesignWidth="480">
+    d:DesignWidth="320">
     <Grid>
         <Grid.ColumnDefinitions>
             <ColumnDefinition Width="Auto" />
@@ -24,10 +24,10 @@
                     <ColumnDefinition Width="*"/>
                     <ColumnDefinition Width="Auto"/>
                 </Grid.ColumnDefinitions>
-                <TextBlock Grid.Column="0" Name="ConversationDisplayName" FontSize="24" FontWeight="SemiLight" Text="Sanders Lauture"/>
-                <TextBlock x:Name="LastActiveTextBlock" Grid.Column="1" Text="11:11p" FontSize="11" Foreground="#999999"/>
+                <TextBlock Grid.Column="0" Name="ConversationDisplayName" FontSize="15" FontWeight="SemiLight" Text="Sanders Lauture" TextTrimming="CharacterEllipsis"/>
+                <TextBlock x:Name="LastActiveTextBlock" Grid.Column="1" Text="11:11p" FontSize="11" Foreground="#999999" TextTrimming="CharacterEllipsis"/>
             </Grid>
-            <TextBlock Text="{x:Bind LastMessage, Mode=OneWay}" FontSize="20"/>
+            <TextBlock Text="{x:Bind LastMessage, Mode=OneWay}" FontSize="12"/>
         </StackPanel>
     </Grid>
 </UserControl>

Signal-Windows/Views/MainPage.xaml

@@ -24,7 +24,7 @@
             </ResourceDictionary.ThemeDictionaries>
         </ResourceDictionary>
     </Page.Resources>
-    <SplitView Name="MainPanel" CompactPaneLength="0" OpenPaneLength="480">
+    <SplitView Name="MainPanel" CompactPaneLength="0" OpenPaneLength="320" DisplayMode="CompactInline">
         <SplitView.Pane>
             <Grid x:Name="ContactsGrid">
                 <Grid.RowDefinitions>

Signal-Windows/Views/MainPage.xaml.cs

@@ -43,7 +43,6 @@ public void SwitchToStyle(PageStyle newStyle)
         {
             if (newStyle == PageStyle.Narrow)
             {
-                ContactsGrid.Width = ActualWidth;
                 if (Vm.SelectedThread != null)
                 {
                     Utils.EnableBackButton(Vm.BackButton_Click);
@@ -60,7 +59,24 @@ public void SwitchToStyle(PageStyle newStyle)
             {
                 Utils.DisableBackButton(Vm.BackButton_Click);
                 MainPanel.IsPaneOpen = false;
-                MainPanel.CompactPaneLength = ContactsGrid.Width = 480;
+                MainPanel.CompactPaneLength = ContactsGrid.Width = 320;
+            }
+            UpdateStyle(newStyle);
+        }
+
+        private void UpdateStyle(PageStyle currentStyle)
+        {
+            if (currentStyle == PageStyle.Narrow)
+            {
+                ContactsGrid.Width = ActualWidth;
+                if (Vm.SelectedThread == null)
+                {
+                    MainPanel.OpenPaneLength = ActualWidth;
+                }
+            }
+            else if (currentStyle == PageStyle.Wide)
+            {
+                MainPanel.CompactPaneLength = MainPanel.OpenPaneLength = ContactsGrid.Width = 320;
             }
         }
 
@@ -83,10 +99,7 @@ private void Frame_SizeChanged(object sender, SizeChangedEventArgs e)
             {
                 SwitchToStyle(newStyle);
             }
-            if (newStyle == PageStyle.Narrow)
-            {
-                ContactsGrid.Width = ActualWidth;
-            }
+            UpdateStyle(newStyle);
         }
 
         public MainPageViewModel Vm