From 4f9d3646b02f930ca6f4ee80fbfcb4df96f5a0e7 Mon Sep 17 00:00:00 2001
From: gwalus <gwalus1404@gmail.com>
Date: Fri, 31 May 2024 22:45:34 +0200
Subject: [PATCH] change flyout footer template

---
 src/Dollet.Presentation/Maui/AppShell.xaml | 41 ++++++++++++----------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/src/Dollet.Presentation/Maui/AppShell.xaml b/src/Dollet.Presentation/Maui/AppShell.xaml
index 4133696..abe8375 100644
--- a/src/Dollet.Presentation/Maui/AppShell.xaml
+++ b/src/Dollet.Presentation/Maui/AppShell.xaml
@@ -183,23 +183,28 @@
     </FlyoutItem>
 
     <Shell.FlyoutFooter>
-        <HorizontalStackLayout Padding="15, 0, 0, 10" Spacing="10">
-            <Label 
-                Text="{AppThemeBinding Light={x:Static fonts:MaterialDesignIcons.Light_mode}, Dark={x:Static fonts:MaterialDesignIcons.Dark_mode}}"
-                FontFamily="MaterialIconsRegular"
-                FontSize="32"
-                VerticalOptions="Center"/>
-            <Label 
-                Text="Change theme"
-                VerticalOptions="Center"/>
-
-            <Switch>
-                <Switch.Behaviors>
-                    <toolkit:EventToCommandBehavior
-                        EventName="Toggled"
-                        Command="{Binding ChangeAppThemeCommand}"/>
-                </Switch.Behaviors>
-            </Switch>
-        </HorizontalStackLayout>
+        <VerticalStackLayout>
+            <Border/>
+            <Grid Margin="20, 0, 20, 0" ColumnDefinitions="auto, *, auto">
+                <Label 
+                    Text="{AppThemeBinding Light={x:Static fonts:MaterialDesignIcons.Light_mode}, Dark={x:Static fonts:MaterialDesignIcons.Dark_mode}}"
+                    FontFamily="MaterialIconsRegular"
+                    FontSize="32"
+                    Margin="0, 0, 30, 0"
+                    VerticalOptions="Center"/>
+                <Label 
+                    Grid.Column="1"
+                    Text="Change theme"
+                    VerticalOptions="Center"/>
+
+                <Switch Grid.Column="2">
+                    <Switch.Behaviors>
+                        <toolkit:EventToCommandBehavior
+                            EventName="Toggled"
+                            Command="{Binding ChangeAppThemeCommand}"/>
+                    </Switch.Behaviors>
+                </Switch>
+            </Grid>
+        </VerticalStackLayout>
     </Shell.FlyoutFooter>
 </Shell>