ayanova/src/views/home-search.vue

@@ -25,7 +25,7 @@
                 :label="$ay.t('Object')"
               ></v-select>
             </v-col>
-            <v-col cols="12">
+            <v-col cols="12" sm="6" lg="4" xl="3">
               <v-btn
                 color="primary"
                 v-on:click="getDataFromApi()"
@@ -36,6 +36,24 @@
             </v-col>
 
             <v-col cols="12">
+              <v-card max-width="900px">
+                <v-list>
+                  <v-subheader>Results</v-subheader>
+                  <v-list-item-group v-model="item" color="primary">
+                    <v-list-item v-for="(item, i) in results" :key="i">
+                      <v-list-item-icon>
+                        <v-icon>fa-splotch</v-icon>
+                      </v-list-item-icon>
+                      <v-list-item-content>
+                        <v-list-item-title
+                          v-text="item.name"
+                        ></v-list-item-title>
+                      </v-list-item-content>
+                    </v-list-item>
+                  </v-list-item-group>
+                </v-list>
+              </v-card>
+
               totalresults:{{ totalResults }}
 
               <div>results:{{ results }}</div>