From 1dc6e530f2ad5f6d594e74517cbf6ccc7bbb5d04 Mon Sep 17 00:00:00 2001
From: Pietro Rodolfo Masera <pietrorodolfomasera@Pietros-MBP-3.usilu.net>
Date: Mon, 29 May 2023 12:02:17 +0200
Subject: [PATCH] Changed bars and visualisation

---
 stockingly-frontend/src/components/CompanyCard.vue | 4 ++--
 stockingly-frontend/src/views/Comparison.vue       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/stockingly-frontend/src/components/CompanyCard.vue b/stockingly-frontend/src/components/CompanyCard.vue
index 1559ad9..96d0694 100644
--- a/stockingly-frontend/src/components/CompanyCard.vue
+++ b/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>
 
diff --git a/stockingly-frontend/src/views/Comparison.vue b/stockingly-frontend/src/views/Comparison.vue
index 84d2615..b20257a 100644
--- a/stockingly-frontend/src/views/Comparison.vue
+++ b/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();