From 6b032c83062e16f89a5e3da02f8965079a2e0ba4 Mon Sep 17 00:00:00 2001
From: vishnuraghavb <design@vishnuraghav.com>
Date: Wed, 21 Apr 2021 16:01:25 +0530
Subject: [PATCH] styled listview

---
 app/components/EnRecipes.vue | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/app/components/EnRecipes.vue b/app/components/EnRecipes.vue
index 4ec0a00c..70f8323a 100644
--- a/app/components/EnRecipes.vue
+++ b/app/components/EnRecipes.vue
@@ -77,7 +77,7 @@
             >
               <Image
                 class="imgHolder"
-                verticalAlignment="top"
+                verticalAlignment="center"
                 v-if="recipe.imageSrc"
                 :src="recipe.imageSrc"
                 stretch="none"
@@ -87,8 +87,8 @@
               />
               <Label
                 v-else
+                verticalAlignment="center"
                 class="ico imgHolder"
-                verticalAlignment="top"
                 @loaded="centerLabel"
                 width="96"
                 height="96"
@@ -161,14 +161,16 @@
               />
               <StackLayout class="recipeInfo" row="1">
                 <Label :text="recipe.title" class="tb title tw" />
-                <StackLayout class="attributes" orientation="horizontal">
-                  <Label class="ico sm" :text="icon.cuisine" />
-                  <Label class="attr" :text="recipe.cuisine | L" />
-                </StackLayout>
-                <StackLayout class="attributes" orientation="horizontal">
-                  <Label class="ico sm" :text="icon.category" />
-                  <Label class="attr" :text="recipe.category | L" />
-                </StackLayout>
+                <FlexboxLayout flexWrap="wrap">
+                  <StackLayout class="attributes" orientation="horizontal">
+                    <Label class="ico sm" :text="icon.cuisine" />
+                    <Label class="attr" :text="recipe.cuisine | L" />
+                  </StackLayout>
+                  <StackLayout class="attributes" orientation="horizontal">
+                    <Label class="ico sm" :text="icon.category" />
+                    <Label class="attr" :text="recipe.category | L" />
+                  </StackLayout>
+                </FlexboxLayout>
                 <StackLayout
                   :hidden="!recipe.tags.length"
                   class="attributes"
@@ -182,7 +184,7 @@
           </v-template>
           <v-template name="photogrid">
             <GridLayout
-              class="recipeItem grid"
+              class="recipeItem grid photogrid"
               :class="getItemPos(recipe.id)"
               rows="auto, auto"
               columns="*"