progress linear when it is running

frontend/components/AnalysisList.vue

@@ -67,7 +67,7 @@ function goToAnalysis(analysisId: number) {
 
 </script>
 <template>
-  <v-card>
+  <v-card flat>
     <v-card-title>Analyses</v-card-title>
     <v-card-text v-if="sanitizedAnalyses !== null">
       <!-- <template v-for="analysis, index in sanitizedAnalyses" :key="analysis.id"> -->

frontend/components/AnalysisResultDataTable.vue

@@ -35,13 +35,13 @@ const computedItems = computed(() => {
 
 </script>
 <template>
-    <v-card v-if="items" class="mt-5" flat color="transparent">
+    <v-card v-if="items" class="mt-5" flat>
         <v-card-title>
             <v-text-field v-model="search" append-icon="mdi-magnify" label="Search" single-line
                 hide-details></v-text-field></v-card-title>
         <v-card-text>
             <v-data-table v-model:items-per-page="itemsPerPage" :headers="headers" :items="computedItems" item-value="name"
-                :search="search" class="elevation-1">
+                :search="search">
 
                 <template #[`item.type`]="{ item }">
                     <v-chip :href="item?.href ? item.href : undefined" target="_blank">

frontend/pages/analyses/[analysisId].vue

@@ -41,24 +41,23 @@ const selectedResult = ref(null);
     </v-card>
 
     <v-card>
-      <v-toolbar density="compact">
+      <v-toolbar density="compact" color="surface" class="pr-2">
         <v-toolbar-title>{{ analysis.name }}</v-toolbar-title>
-        <template #extension>
+        <v-chip color="primary" rounded>{{ new Date(analysis.create_time).toLocaleString() }}</v-chip>
+        <template v-if="analysis.percentage_done !== 100" #extension>
           <v-row>
             <v-col cols="12">
               <v-card flat color="transparent">
                 <v-card-text>
-                  {{ analysis.status }}
-                  <v-progress-linear :model-value="analysis.percentage_done"
-                    :stream="analysis.status === 'running'"></v-progress-linear>
+                  <v-progress-linear indeterminate color="primary"></v-progress-linear>
                 </v-card-text>
               </v-card>
 
+
             </v-col>
           </v-row>
         </template>
       </v-toolbar>
-
       <v-card-text>
         <v-btn-toggle v-model="selectedResult" rounded="0" color="primary" group>
           <v-btn value="systems" :to="`/analyses/${analysis.id}/systems`">