Changed bars and visualisation

stockingly-frontend/src/components/CompanyCard.vue

@@ -7,7 +7,7 @@
     'text-white': props.markerColor
   }" :color="props.markerColor ?? void (0)">
     <div class="pa-4 bg-white">
-      <v-img :src="company.logoSrc" :aspect-ratio="4.5" class="bg-white" />
+      <v-img :src="company.logoSrc" :aspect-ratio="6.0" class="bg-white" />
     </div>
     <v-card-item>
       <v-card-title>{{ company['short name'] }}</v-card-title>
@@ -19,7 +19,7 @@
           <strong>{{ m.title }}</strong>
           <span class="text-right">{{ m.value(company) }}{{ m.symbol ?? '' }}</span>
         </div>
-        <v-progress-linear :color="m.color(company)" :model-value="m.percentage(company)"></v-progress-linear>
+        <v-progress-linear :color="m.color(company)" :model-value="m.percentage(company)" height=9 rounded></v-progress-linear>
       </div>
     </v-card-text>
 

stockingly-frontend/src/views/Comparison.vue

@@ -177,7 +177,7 @@ const options = computed(() => {
 });
 
 tickers.value = route.params.tickers.toString().split(',');
-  
+
 // load chart data
 onMounted(() => {
   stockPrice.load();