end my-list view

Pages/MyListPage.xaml

@@ -35,24 +35,32 @@
         <!-- Favorite items -->
         <ScrollView
             Grid.Row="1">
-            <FlexLayout
-                JustifyContent="Center"
-                AlignItems="Start"
-                AlignContent="Start"
-                Direction="Row"
-                Wrap="Wrap">
+            <VerticalStackLayout
+                Padding="30, 0, 30, 0"
+                Spacing="12">
 
-                <views:StoredRecipeView Margin="5" Note="4.5" Title="Spaghetti Bolognese"/>
-                <views:StoredRecipeView Margin="5" Note="3" Title="Chickend Curry"/>
-                <views:StoredRecipeView Margin="5" Note="0.2" Title="Beef Stroganoff"/>
-                <views:StoredRecipeView Margin="5" Note="1.6" Title="Fish And Ships" />
-                <views:StoredRecipeView Margin="5" Note="5" Title="Caesar Salad"/>
-                <views:StoredRecipeView Margin="5" Note="3.5" Title="Vegetables"/>
-                <views:StoredRecipeView Margin="5" Note="4.6" Title="Guacamole"/>
-                <views:StoredRecipeView Margin="5" Note="4" Title="Pad Thai"/>
-                <views:StoredRecipeView Margin="5" Note="3" Title="French Toast"/>
-                <views:StoredRecipeView Margin="5" Note="2" Title="Margherita Pizza"/>
-            </FlexLayout>
+                <views:StoredRecipeView Note="4.5" Title="Spaghetti Bolognese"/>
+                <views:StoredRecipeView Note="3" Title="Chickend Curry"/>
+                <views:StoredRecipeView Note="0.2" Title="Beef Stroganoff"/>
+                <views:StoredRecipeView Note="1.6" Title="Fish And Ships" />
+                <views:StoredRecipeView Note="5" Title="Caesar Salad"/>
+                <views:StoredRecipeView Note="3.5" Title="Vegetables"/>
+                <views:StoredRecipeView Note="4.6" Title="Guacamole"/>
+                <views:StoredRecipeView Note="4" Title="Pad Thai"/>
+                <views:StoredRecipeView Note="3" Title="French Toast"/>
+                <views:StoredRecipeView Note="2" Title="Margherita Pizza"/>
+            </VerticalStackLayout>
         </ScrollView>
+
+        <!-- Footer button -->
+        <Border 
+            Margin="20, 0, 20, 5"
+            Grid.Row="2"
+            Style="{StaticResource SecondaryBorder}">
+            <Button
+                Style="{StaticResource UserButton}"
+                BackgroundColor="{StaticResource Selected}"
+                Text="Show Ingredient List"/>
+        </Border>
     </Grid>
 </ContentPage>

Views/StoredRecipeView.xaml

@@ -11,7 +11,7 @@
         <Grid
             BackgroundColor="{StaticResource BackgroundSecondary}"
             Padding="10"
-            MinimumHeightRequest="175"
+            MinimumHeightRequest="250"
             MinimumWidthRequest="150"
             RowDefinitions="*, Auto">
             <Border
@@ -27,29 +27,32 @@
                         HorizontalOptions="End"
                         Margin="0, 0, 15, 2">
                         <Image
-                            WidthRequest="10"
+                            WidthRequest="15"
                             Source="star_full.svg"/>
                         <Image
-                            WidthRequest="10"
+                            WidthRequest="15"
                             Source="star_full.svg"/>
                         <Image
-                            WidthRequest="10"
+                            WidthRequest="15"
                             Source="star_full.svg"/>
                         <Image
-                            WidthRequest="10"
+                            WidthRequest="15"
                             Source="star_full.svg"/>
                         <Image
-                            WidthRequest="10"
+                            WidthRequest="15"
                             Source="star_full.svg"/>
                     </HorizontalStackLayout>
                 </Grid>
             </Border>
 
-            <VerticalStackLayout Grid.Row="1">
+            <VerticalStackLayout
+                HorizontalOptions="Start"
+                Grid.Row="1">
                 <Label
                     TextColor="{StaticResource TextColorPrimary}"
                     x:Name="TitleLabel"/>
-                <views:CounterView/>
+                <Grid></Grid>
+                <views:CounterView CounterText="pers"/>
             </VerticalStackLayout>
         </Grid>
     </Border>