From a80e43f9f936b5efe6221c910e45e86ff9b6d5eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yoan=20BRUGI=C3=88RE?= <yobrugiere1>
Date: Wed, 24 May 2023 11:55:58 +0200
Subject: [PATCH] Quelques modification de styles

---
 Sources/Model/ObjetOhara.cs                |   2 +-
 Sources/Ohara/AppShell.xaml                |  28 +++--
 Sources/Ohara/MainPage.xaml                |  40 +++----
 Sources/Ohara/PageBestiaire.xaml           |  50 ++++++---
 Sources/Ohara/PageEquipage.xaml            |  83 ++++++++------
 Sources/Ohara/PageFDD.xaml                 | 121 ++++++++++-----------
 Sources/Ohara/PageFavoris.xaml             |  28 ++---
 Sources/Ohara/Resources/Styles/Styles.xaml |  16 +++
 8 files changed, 195 insertions(+), 173 deletions(-)

diff --git a/Sources/Model/ObjetOhara.cs b/Sources/Model/ObjetOhara.cs
index 31a4d3e..62b2dbf 100644
--- a/Sources/Model/ObjetOhara.cs
+++ b/Sources/Model/ObjetOhara.cs
@@ -14,7 +14,7 @@ namespace Model
         public string Nom { get; set; }
         [DataMember (Name ="image")]
         public string? Image { get; set;}
-
+        [DataMember(Name = "estfavori")]
         public bool EstFavori { get; set; }
 
         public ObjetOhara(string nom,string image = "baseimage.png", bool estFavori = false)
diff --git a/Sources/Ohara/AppShell.xaml b/Sources/Ohara/AppShell.xaml
index 04d8f36..36a8ef4 100644
--- a/Sources/Ohara/AppShell.xaml
+++ b/Sources/Ohara/AppShell.xaml
@@ -5,29 +5,25 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:local="clr-namespace:Ohara"
     Shell.FlyoutBehavior="Locked"
-    Shell.NavBarIsVisible="False"
-    Shell.Background="#72a3b3"
+    Shell.NavBarIsVisible="False"  
+    Shell.FlyoutWidth="300" 
    >
 
     <Shell.TitleView>
         <Label/>
     </Shell.TitleView>
 
-
-
-    <Shell.FlyoutHeader>
-        <StackLayout>
-            <Label Text="Ohara" FontSize="33" HorizontalOptions="Center"/>
-            <Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center" >
-                <Image.Clip>
-                    <EllipseGeometry Center="150,90"  RadiusX="80"  RadiusY="80"/>
-                </Image.Clip>
-            </Image>
-        </StackLayout>
+    <Shell.FlyoutHeader >
+        <Grid HeightRequest="200" BackgroundColor="Black" Margin="0,0,0,20">
+           
+            <Image Source="ohara2.png" Aspect="Fill" Opacity="0.8" />
+            <Label Text="Ohara" FontSize="33" TextColor="White" HorizontalOptions="Center" VerticalOptions="Center" FontAttributes="Bold/>
+            <Line X1="0" Y1="0" X2="3000" Y2="0" StrokeThickness="5" Stroke="#72a3b3" VerticalOptions="End" />
+        </Grid>
        
     </Shell.FlyoutHeader>
    
-    <ShellContent Title="Acceuil" ContentTemplate="{DataTemplate local:MainPage}" />
+    <ShellContent Title="Acceuil" ContentTemplate="{DataTemplate local:MainPage}"  />
     <ShellContent Title="Favoris" ContentTemplate="{DataTemplate local:PageFavoris}" />
     <ShellContent Title="Carte" ContentTemplate="{DataTemplate local:PageCarte}" />
     <ShellContent Title="Personnages" ContentTemplate="{DataTemplate local:PagePersonnage}" />
@@ -37,6 +33,8 @@
     <ShellContent Title="Equipages" ContentTemplate="{DataTemplate local:PageEquipage}" />
     <ShellContent Title="Bestiaire" ContentTemplate="{DataTemplate local:PageBestiaire}" />
 
-
+    <Shell.FlyoutFooter>
+        <Label Text="REY Guillaume et BRUGIÈRE Yoan" HorizontalOptions="Center" Margin="10"/>
+    </Shell.FlyoutFooter>
 
 </Shell>
diff --git a/Sources/Ohara/MainPage.xaml b/Sources/Ohara/MainPage.xaml
index a21a3e5..caceff8 100644
--- a/Sources/Ohara/MainPage.xaml
+++ b/Sources/Ohara/MainPage.xaml
@@ -3,25 +3,25 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="Ohara.MainPage"
              BackgroundColor="#e2edf1">
+    <ScrollView>
+        <VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40" Margin="0,20,0,0">
+            <Frame CornerRadius="20"  Margin="150,0,150,0" HeightRequest="75">
+                <Label Text="Bienvenue dans Ohara !" FontAttributes="Bold" FontSize="30" HorizontalOptions="Center" TextColor="White"/>
+                <Frame.Background>
+                    <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
+                        <GradientStop Color="#cdffd8" Offset="0.1" />
+                        <GradientStop Color="#94b9ff" Offset="1.0" />
+                    </LinearGradientBrush>
+                </Frame.Background>
+            </Frame>
+            <Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Padding="20"  HeightRequest="500" Margin="50,0,50,0">
+                <Label Text="Présentation :" FontAttributes="Bold" FontSize="30" HorizontalOptions="Center" TextColor="White"/>
+            </Frame>
 
-    <VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40" Margin="0,20,0,0">
-        <Frame CornerRadius="20"  WidthRequest="600" HeightRequest="75">
-            <Label Text="Bienvenue dans Ohara !" FontAttributes="Bold" FontSize="30" HorizontalOptions="Center" TextColor="White"/>
-            <Frame.Background>
-                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
-                    <GradientStop Color="#cdffd8" Offset="0.1" />
-                    <GradientStop Color="#94b9ff" Offset="1.0" />
-                </LinearGradientBrush>
-            </Frame.Background>
-
-
-        </Frame>
-        <Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Padding="20" WidthRequest="1000" HeightRequest="500" >
-            <Label Text="Présentation :" FontAttributes="Bold" FontSize="30" HorizontalOptions="Center" TextColor="White"/>
-        </Frame>
-
-        <Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Padding="20" WidthRequest="1200" HeightRequest="500" >
-            <Label Text="Nouveautés : ..." FontAttributes="Bold" FontSize="30" HorizontalOptions="Start" TextColor="White"/>
-        </Frame>
-    </VerticalStackLayout>
+            <Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Padding="20"  HeightRequest="500" Margin="50,0,50,0" >
+                <Label Text="Nouveautés : ..." FontAttributes="Bold" FontSize="30" HorizontalOptions="Start" TextColor="White"/>
+            </Frame>
+        </VerticalStackLayout>
+    </ScrollView>
+    
 </ContentPage>
diff --git a/Sources/Ohara/PageBestiaire.xaml b/Sources/Ohara/PageBestiaire.xaml
index b987382..5fb9aae 100644
--- a/Sources/Ohara/PageBestiaire.xaml
+++ b/Sources/Ohara/PageBestiaire.xaml
@@ -6,27 +6,41 @@
              BackgroundColor="#e2edf1">
 
     <VerticalStackLayout Spacing="20">
-        <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
-            <Grid.RowDefinitions>
-                <RowDefinition Height="10*"/>
-            </Grid.RowDefinitions>
-            <Grid.ColumnDefinitions >
-                <ColumnDefinition Width="20*"/>
-                <ColumnDefinition Width="25*"/>
-                <ColumnDefinition Width="10*"/>
-                <ColumnDefinition Width="10*"/>
-            </Grid.ColumnDefinitions>
-            <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0"/>
-            <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="2">
-                <Label Text="Filtrer" HorizontalTextAlignment="Center" />
-            </Frame>
 
-            <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
-                <Label Text="Trier" HorizontalTextAlignment="Center"  />
-            </Frame>
-        </Grid>
 
         <CollectionView x:Name="listeBest" ItemsLayout="VerticalGrid, 4" EmptyView="Aucun résultat trouvé." SelectionMode="Single" SelectionChanged="listeBest_SelectionChanged">
+            <CollectionView.Header>
+                <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
+                    <Grid.RowDefinitions>
+                        <RowDefinition Height="10*"/>
+                    </Grid.RowDefinitions>
+                    <Grid.ColumnDefinitions >
+                        <ColumnDefinition Width="20*"/>
+                        <ColumnDefinition Width="25*"/>
+                        <ColumnDefinition Width="10*"/>
+                        <ColumnDefinition Width="10*"/>
+                    </Grid.ColumnDefinitions>
+                    <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0" x:Name="searchBar" />
+
+                    <Frame Grid.Column="2" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" >
+                        <Label Text="Filtrer"  />
+
+                        <FlyoutBase.ContextFlyout>
+                            <MenuFlyout >
+                                <MenuFlyoutItem  x:Name="Logia"  Text="Logia" />
+                            </MenuFlyout>
+                        </FlyoutBase.ContextFlyout>
+
+                    </Frame>
+
+
+
+
+                    <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
+                        <Label Text="Trier" HorizontalTextAlignment="Center"  />
+                    </Frame>
+                </Grid>
+            </CollectionView.Header>
             <CollectionView.ItemTemplate>
                 <DataTemplate>
                     <Grid Padding="20" ColumnSpacing="20" RowSpacing="20">
diff --git a/Sources/Ohara/PageEquipage.xaml b/Sources/Ohara/PageEquipage.xaml
index 03c8d63..ff56f12 100644
--- a/Sources/Ohara/PageEquipage.xaml
+++ b/Sources/Ohara/PageEquipage.xaml
@@ -5,8 +5,13 @@
              Title="PageEquipage"
              BackgroundColor="#e2edf1">
 
-    <ScrollView>
-        <VerticalStackLayout Spacing="10">
+
+
+    <CollectionView x:Name="listeEquip" EmptyView="Aucun résultat trouvé." SelectionMode="Single" SelectionChanged="listeEquip_SelectionChanged">
+        <CollectionView.ItemsLayout>
+            <GridItemsLayout Orientation="Vertical" Span="4" HorizontalItemSpacing="15" VerticalItemSpacing="15"/>
+        </CollectionView.ItemsLayout>
+        <CollectionView.Header>
             <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
                 <Grid.RowDefinitions>
                     <RowDefinition Height="10*"/>
@@ -17,44 +22,52 @@
                     <ColumnDefinition Width="10*"/>
                     <ColumnDefinition Width="10*"/>
                 </Grid.ColumnDefinitions>
-                <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0"/>
-                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="2">
-                    <Label Text="Filtrer" HorizontalTextAlignment="Center" />
+                <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0" x:Name="searchBar" />
+
+                <Frame Grid.Column="2" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" >
+                    <Label Text="Filtrer"  />
+
+                    <FlyoutBase.ContextFlyout>
+                        <MenuFlyout >
+                            <MenuFlyoutItem  x:Name="Logia"  Text="Logia" />
+                        </MenuFlyout>
+                    </FlyoutBase.ContextFlyout>
+
                 </Frame>
 
+
+
+
                 <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
                     <Label Text="Trier" HorizontalTextAlignment="Center"  />
                 </Frame>
             </Grid>
-
-            <CollectionView x:Name="listeEquip"  ItemsLayout="VerticalGrid, 4" EmptyView="Aucun résultat trouvé." SelectionMode="Single" SelectionChanged="listeEquip_SelectionChanged">
-                <CollectionView.ItemTemplate>
-                    <DataTemplate>
-                        <Grid Padding="20" ColumnSpacing="20" RowSpacing="20">
-                            <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="25*"/>
-                            </Grid.ColumnDefinitions>
-                            <Frame Style="{StaticResource frameEquip}" >
-                                <StackLayout Orientation="Vertical" Padding="5">
-                                    <Image  Source="{Binding Image}"
-                                                            HeightRequest="290"
-                                                            WidthRequest="290"/>
-                                    <Label
-                                                            HorizontalOptions="Center"
-                                                            VerticalOptions="Start"
-                                                            HorizontalTextAlignment="Center"
-                                                            Text="{Binding Nom}"
+        </CollectionView.Header>
+        <CollectionView.ItemTemplate>
+            <DataTemplate>
+                <Grid Padding="20" ColumnSpacing="20" RowSpacing="20">
+                    <Grid.ColumnDefinitions>
+                        <ColumnDefinition Width="25*"/>
+                    </Grid.ColumnDefinitions>
+                    <Frame Style="{StaticResource frameEquip}" >
+                        <StackLayout Orientation="Vertical" Padding="5">
+                            <Image  Source="{Binding Image}"
+                                HeightRequest="290"
+                                WidthRequest="290"/>
+                            <Label
+                                HorizontalOptions="Center"
+                                VerticalOptions="Start"
+                                HorizontalTextAlignment="Center"
+                                Text="{Binding Nom}"
                                          
-                                                            FontSize="19"
-                                                            TextColor="White"
-                                                            FontAttributes="Bold" />
-                                </StackLayout>
-                            </Frame>
-
-                        </Grid>
-                    </DataTemplate>
-                </CollectionView.ItemTemplate>
-            </CollectionView>
-        </VerticalStackLayout>
-    </ScrollView>
+                                FontSize="19"
+                                TextColor="White"
+                                FontAttributes="Bold" />
+                        </StackLayout>
+                    </Frame>
+
+                </Grid>
+            </DataTemplate>
+        </CollectionView.ItemTemplate>
+    </CollectionView>
 </ContentPage>
\ No newline at end of file
diff --git a/Sources/Ohara/PageFDD.xaml b/Sources/Ohara/PageFDD.xaml
index 6ed942d..318705f 100644
--- a/Sources/Ohara/PageFDD.xaml
+++ b/Sources/Ohara/PageFDD.xaml
@@ -6,84 +6,73 @@
              BackgroundColor="#e2edf1">
 
 
-    <VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="10">
-            
-    <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
-        <Grid.RowDefinitions>
-            <RowDefinition Height="10*"/>
-        </Grid.RowDefinitions>
-        <Grid.ColumnDefinitions >
-            <ColumnDefinition Width="20*"/>
-            <ColumnDefinition Width="25*"/>
-            <ColumnDefinition Width="10*"/>
-            <ColumnDefinition Width="10*"/>
-        </Grid.ColumnDefinitions>
-        <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0" x:Name="searchBar" />
 
-        <Frame Grid.Column="2" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" >
-            <Label Text="Filtrer"  />
+    <CollectionView x:Name="listeFDD" EmptyView="Aucun résultat trouvé." SelectionMode="Single" SelectionChanged="listeFDD_SelectionChanged" >
+        <CollectionView.ItemsLayout>
+            <GridItemsLayout Orientation="Vertical" Span="4" HorizontalItemSpacing="15" VerticalItemSpacing="15"/>
+        </CollectionView.ItemsLayout>
+        <CollectionView.Header>
+            <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="10*"/>
+                </Grid.RowDefinitions>
+                <Grid.ColumnDefinitions >
+                    <ColumnDefinition Width="20*"/>
+                    <ColumnDefinition Width="25*"/>
+                    <ColumnDefinition Width="10*"/>
+                    <ColumnDefinition Width="10*"/>
+                </Grid.ColumnDefinitions>
+                <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0" x:Name="searchBar" />
 
-            <FlyoutBase.ContextFlyout>
-                <MenuFlyout >
-                    <MenuFlyoutItem  x:Name="Logia"  Text="Logia" />
-                </MenuFlyout>
-            </FlyoutBase.ContextFlyout>
+                <Frame Grid.Column="2" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" >
+                    <Label Text="Filtrer"  />
 
-        </Frame>
-                
-                
+                    <FlyoutBase.ContextFlyout>
+                        <MenuFlyout >
+                            <MenuFlyoutItem  x:Name="Logia"  Text="Logia" />
+                        </MenuFlyout>
+                    </FlyoutBase.ContextFlyout>
 
+                </Frame>
 
-        <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
-            <Label Text="Trier" HorizontalTextAlignment="Center"  />
-        </Frame>
-    </Grid>
 
-    <CollectionView x:Name="listeFDD" ItemsLayout="VerticalGrid, 4" EmptyView="Aucun résultat trouvé." SelectionMode="Single" SelectionChanged="listeFDD_SelectionChanged">
-        <CollectionView.ItemTemplate>
-            <DataTemplate>
-                <Grid Padding="20"  >
-                    <Grid.ColumnDefinitions>
-                        <ColumnDefinition Width="33*"/>
-                              
-                    </Grid.ColumnDefinitions>
-                           
-                            
-                    <Frame Style="{StaticResource frameObjet}"
-                                       
-                            >
-                        <StackLayout Orientation="Vertical" Padding="5">
-                            <Image
-                                Source="{Binding Image}"
-                                HeightRequest="290"
-                                WidthRequest="290" />
 
-                            <Label
-                                    HorizontalOptions="Center"
-                                    VerticalOptions="Start"
-                                    HorizontalTextAlignment="Center"
-                                    Text="{Binding Nom}"
-                                         
-                                    FontSize="19"
-                                    TextColor="#72a3b3"
-                                    FontAttributes="Bold" />
 
-                            <Label
-                                    VerticalOptions="Center"
-                                    HorizontalOptions="Center"
-                                    Text="{Binding Type}"
-                                    FontAttributes="Italic"
-                                    TextColor="#72a3b3"/>
+                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
+                    <Label Text="Trier" HorizontalTextAlignment="Center"  />
+                </Frame>
+            </Grid>
+        </CollectionView.Header>
+        <CollectionView.ItemTemplate >
+            <DataTemplate >
+
+                <Frame Style="{StaticResource frameObjet}">
+                    <StackLayout Orientation="Vertical" Padding="5">
+                        <Image
+                                    Source="{Binding Image}"
+                                    HeightRequest="280"
+                                    WidthRequest="280" />
 
-                        </StackLayout>
-                    </Frame>
+                        <Label
+                                        HorizontalOptions="Center"
+                                        VerticalOptions="Start"
+                                        HorizontalTextAlignment="Center"
+                                        Text="{Binding Nom}"
+                                         
+                                        FontSize="19"
+                                        TextColor="#72a3b3"
+                                        FontAttributes="Bold" />
 
+                        <Label
+                                        VerticalOptions="Center"
+                                        HorizontalOptions="Center"
+                                        Text="{Binding Type}"
+                                        FontAttributes="Italic"
+                                        TextColor="#72a3b3"/>
 
-                </Grid>
+                    </StackLayout>
+                </Frame>
             </DataTemplate>
         </CollectionView.ItemTemplate>
     </CollectionView>
-            
-</VerticalStackLayout>
-
 </ContentPage>
\ No newline at end of file
diff --git a/Sources/Ohara/PageFavoris.xaml b/Sources/Ohara/PageFavoris.xaml
index d84c21f..1234d22 100644
--- a/Sources/Ohara/PageFavoris.xaml
+++ b/Sources/Ohara/PageFavoris.xaml
@@ -5,37 +5,29 @@
              Title="PageFavoris"
             BackgroundColor="#e2edf1">
 
-    <CollectionView x:Name="listeFavs"  Grid.Column="1" SelectionMode="Single" SelectionChanged="listeFavs_SelectionChanged">
-        <CollectionView.ItemsLayout Style="">
-            <GridItemsLayout Orientation="Vertical" Span="4" />
+    <CollectionView x:Name="listeFavs" SelectionMode="Single" SelectionChanged="listeFavs_SelectionChanged">
+        <CollectionView.ItemsLayout>
+            <GridItemsLayout Orientation="Vertical" Span="4" HorizontalItemSpacing="15" VerticalItemSpacing="15"/>
         </CollectionView.ItemsLayout>
         <CollectionView.Header>
-            <Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
-                <Grid.RowDefinitions>
-                    <RowDefinition Height="10*"/>
-                </Grid.RowDefinitions>
-                <Grid.ColumnDefinitions >
-                    <ColumnDefinition Width="20*"/>
-                    <ColumnDefinition Width="25*"/>
-                    <ColumnDefinition Width="10*"/>
-                    <ColumnDefinition Width="10*"/>
-                </Grid.ColumnDefinitions>
-                <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0"/>
-                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="2">
+            <HorizontalStackLayout BackgroundColor="#72a3b3" Padding="10"  Spacing="80">
+                <SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" WidthRequest="200"/>
+                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef">
                     <Label Text="Filtrer" HorizontalTextAlignment="Center" />
                 </Frame>
 
-                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
+                <Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" >
                     <Label Text="Trier" HorizontalTextAlignment="Center"  />
                 </Frame>
-            </Grid>
+                
+            </HorizontalStackLayout>
         </CollectionView.Header>
         <CollectionView.ItemTemplate>
 
             <DataTemplate>
 
 
-                <Frame Style="{StaticResource frameObjet}" Margin="10">
+                <Frame Style="{StaticResource frameObjet}">
                     <StackLayout Orientation="Vertical" Padding="5">
                         <Image
                                     Source="{Binding Image}"
diff --git a/Sources/Ohara/Resources/Styles/Styles.xaml b/Sources/Ohara/Resources/Styles/Styles.xaml
index d0df84f..8d0fc48 100644
--- a/Sources/Ohara/Resources/Styles/Styles.xaml
+++ b/Sources/Ohara/Resources/Styles/Styles.xaml
@@ -675,5 +675,21 @@
             </VisualStateGroupList>
         </Setter>
     </Style>
+    
+    <!--<Style TargetType="Label"
+       Class="FlyoutItemLabelStyle">
+        <Setter Property="TextColor"
+            Value="White" />
+        <Setter Property="WidthRequest" Value="250"/>
+        <Setter Property="HorizontalOptions" Value="Center"/>
+    </Style>
 
+
+    <Style TargetType="Layout"
+       Class="FlyoutItemLayoutStyle"
+       ApplyToDerivedTypes="True">
+        <Setter Property="BackgroundColor"
+            Value="Teal" />
+        
+    </Style>-->
 </ResourceDictionary>