fix: frontend stock page

Signed-off-by: Ameya Shenoy <shenoy.ameya@gmail.com>

TODO.org

@@ -47,7 +47,7 @@
     - [ ] Optionally have a demo username and password for login
   - [ ] Documentation
 
-- [-] Frontend Vue [4/7]
+- [-] Frontend Vue [5/7]
   - [X] Landing Page
   - [X] Prettify Bhav Copy Page
   - [X] Renders a simple VueJS frontend with a search box that allows the stored entries to be searched by name and renders a table of results and optionally download the results as CSV. Make this page look nice
@@ -56,7 +56,7 @@
   - [X] Veutify raise alert on error or success
   - [ ] Handle login
   - [ ] On table bar per quantity in cell
-  - [ ] Red for stocks going down, green for up
+  - [X] Red for stocks going down, green for up
 
 - [X] Deploy [4/4]
   - [X] Docker

frontend/src/views/BhavCopy.vue

@@ -97,15 +97,13 @@
         nextIcon: 'mdi-plus'
       }"
     >
-      <template v-slot:top>
-      </template>
       <template v-slot:item.diff_percent="{ item }">
-        <v-chip
+        <v-progress-linear
           :color="getColor(item)"
-          outlined
+          height="25"
         >
           {{ +parseFloat(( item.close_price - item.open_price ) * 100 / item.open_price).toFixed(2) }}
-        </v-chip>
+        </v-progress-linear>
       </template>
     </v-data-table>
   </div>