Show phenotypes while task is being computed

SHowing what phenotypes are used is useful to me when debuging, but I think end-user could also found it usefull, don't you think @hjulienn @hmenager ?

client/components/PhenotypeCard.vue

 <template>
-     <div style="padding:8px;font-size:16px;" >
+     <span style="padding:8px;font-size:16px;" >
         <!-- <v-text-field
                 v-text=data.fullname
                 label="Phenotype Name"
                 filled
         ></v-text-field>   -->
         <!-- v-text="pheno.id.slice(0, 1).toUpperCase()" -->
-        <v-dialog         
+        <v-dialog
             persistent
             width=500
             >
@@ -21,9 +21,9 @@
         mdi-information
       </v-icon>
                     {{phe.full_name}}
-                
+
       </v-chip>
-                
+
             </template>
             <template v-slot:default="dialog">
                 <v-card width="500" elevation="6" >
@@ -31,7 +31,7 @@
                     color="#298e49"
                     dark
                 >Phenotype: {{phe.full_name}}</v-toolbar>
-                
+
                     <v-card-text style="padding-top:12px;">
                     <p>
                     <b>Consortium:</b> {{phe.consortium}}
@@ -55,17 +55,17 @@
                                 mdi-close
                             </v-icon>
                             Close
-                            
+
                         </v-btn>
                     </v-card-actions>
 
 
                 </v-card>
             </template>
-            
-        </v-dialog>   
-       
-    </div>
+
+        </v-dialog>
+
+    </span>
 </template>
 
 <script>
@@ -77,4 +77,4 @@
     }
   }
   //  props: ['fullname']
-</script>
\ No newline at end of file
+</script>