From 4851cd903139dd4fdf23c4cf6157f2573b6441c6 Mon Sep 17 00:00:00 2001
From: Claudio Maggioni <maggicl@usi.ch>
Date: Mon, 29 May 2023 16:02:26 +0200
Subject: [PATCH] I'm guessing this may start causing us problems either soon
 or never.

---
 stockingly-frontend/src/components/BalanceSheet.vue   | 2 +-
 stockingly-frontend/src/components/EmployeesChart.vue | 2 +-
 stockingly-frontend/src/components/EpsChart.vue       | 2 +-
 stockingly-frontend/src/components/StockPrice.vue     | 8 ++++++--
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/stockingly-frontend/src/components/BalanceSheet.vue b/stockingly-frontend/src/components/BalanceSheet.vue
index 7399ff1..79b5b6f 100644
--- a/stockingly-frontend/src/components/BalanceSheet.vue
+++ b/stockingly-frontend/src/components/BalanceSheet.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card>
+  <v-card color="blue-grey-lighten-4">
     <v-card-item>
       <v-card-title>Balance sheet</v-card-title>
     </v-card-item>
diff --git a/stockingly-frontend/src/components/EmployeesChart.vue b/stockingly-frontend/src/components/EmployeesChart.vue
index 216b088..054f04f 100644
--- a/stockingly-frontend/src/components/EmployeesChart.vue
+++ b/stockingly-frontend/src/components/EmployeesChart.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card>
+  <v-card color="blue-grey-lighten-4">
     <v-card-item>
       <v-card-title>Employees over time</v-card-title>
     </v-card-item>
diff --git a/stockingly-frontend/src/components/EpsChart.vue b/stockingly-frontend/src/components/EpsChart.vue
index 5d8bcaa..b7c15fd 100644
--- a/stockingly-frontend/src/components/EpsChart.vue
+++ b/stockingly-frontend/src/components/EpsChart.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card>
+  <v-card color="blue-grey-lighten-4">
     <v-card-item>
       <v-card-title>Earnings per Share (EPS)</v-card-title>
     </v-card-item>
diff --git a/stockingly-frontend/src/components/StockPrice.vue b/stockingly-frontend/src/components/StockPrice.vue
index 2d3f638..040dc57 100644
--- a/stockingly-frontend/src/components/StockPrice.vue
+++ b/stockingly-frontend/src/components/StockPrice.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card>
+  <v-card color="blue-grey-lighten-4">
     <v-card-item>
       <v-card-title>Stock price over time</v-card-title>
     </v-card-item>
@@ -15,7 +15,7 @@
         </v-btn-toggle>
         <strong class="label">Current price:</strong>
         <div class="chips">
-          <v-chip class="ma-1" v-for="ticker in tickers" :key="ticker" :color="getTickerColor(ticker)" size="large"
+          <v-chip class="ma-1 max-price" v-for="ticker in tickers" :key="ticker" :color="getTickerColor(ticker)" size="large"
             variant="outlined">
             {{ ticker }}: ${{ maxPrice[ticker] }}
           </v-chip>
@@ -35,6 +35,10 @@
   align-items: center;
 }
 
+.max-price {
+  background-color: white !important;
+}
+
 .toolbar .toggles {
   flex: 1 0;
 }