Changed color

Breda-Tour/App.xaml

@@ -112,7 +112,7 @@
                 <Setter Property="Template">
                     <Setter.Value>
                         <ControlTemplate>
-                            <RelativePanel>
+                            <RelativePanel HorizontalAlignment="Stretch">
                                 <VisualStateManager.VisualStateGroups>
                                     <!--<VisualStateGroup x:Name="CommonStates">
                                         <VisualState x:Name="Normal">

Breda-Tour/RouteSelectScreen/RouteSelectPage.xaml

@@ -19,16 +19,21 @@
         </Grid.RowDefinitions>
         <c:DefaultTopBar x:Uid="RouteSelectPagetxtSelectRoute" Header="Route Selecteren"/>
         <c:DefaultPivotControl x:Name="DefaultPivot" Grid.Row="1"/>
-        <RelativePanel Grid.Row="2" Margin="0,5">
+        <RelativePanel Grid.Row="2" Padding="0,10,0,5" Background="White">
             <RelativePanel.Resources>
                 <con:Converter x:Key="BoolToVis"/>
                 <con:BoolToString x:Key="BoolToString"/>
             </RelativePanel.Resources>
-            <ListView x:Name="Routes" ItemsSource="{x:Bind CurrentRoutes}" IsItemClickEnabled="True" ItemClick="Routes_ItemClick">
+            <ListView RelativePanel.AlignLeftWithPanel="True"
+                      RelativePanel.AlignRightWithPanel="True"
+                      x:Name="Routes" ItemsSource="{x:Bind CurrentRoutes}"
+                      IsItemClickEnabled="True"
+                      ItemClick="Routes_ItemClick"
+                      HorizontalContentAlignment="Stretch">
                 <ListView.ItemTemplate>
                     <DataTemplate x:DataType="data:Route">
                         <StackPanel>
-                            <StackPanel Orientation="Horizontal" Width="340">
+                            <StackPanel Orientation="Horizontal">
                                 <Image Source="ms-appx:///Assets/Map_Icon.png" Width="35" Height="35"/>
                                 <TextBlock Text="{Binding Title}" FontSize="24" Margin="15,0,0,0"/>
                                 <ToggleButton x:Name="toggleButton" Background="Transparent" IsChecked="False" Width="40" Height="40" Margin="35,0,0,0">
@@ -39,7 +44,7 @@
                                 <Image Source="ms-appx:///Assets/Flag_Icon.png" Width="25" Height="25" Margin="45,0,0,0"/>
                                 <TextBlock Text="Breda" Foreground="DarkGray" FontSize="16" Margin="15,0,0,0"/>
                             </StackPanel>
-                            <Line X1="0" X2="1080" Y1="5" Y2="5" Stroke="Gray" StrokeThickness="2"/>
+                            <Rectangle Height="2" HorizontalAlignment="Stretch" Fill="Gray"/>
                         </StackPanel>
                     </DataTemplate>
                 </ListView.ItemTemplate>