From 3979a4f86f6bc9cfe0dfb4aea27ec3aa4247d3bb Mon Sep 17 00:00:00 2001
From: Giulio De Pasquale <depasquale@giugl.io>
Date: Sat, 19 Dec 2020 21:52:27 +0000
Subject: [PATCH] same top color, better number localization

---
 websrc/components/Statusbar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/websrc/components/Statusbar.tsx b/websrc/components/Statusbar.tsx
index a63d56a..02da075 100644
--- a/websrc/components/Statusbar.tsx
+++ b/websrc/components/Statusbar.tsx
@@ -53,7 +53,7 @@ export class QuoteStatus extends Component<QuoteStatusProps> {
             return (
                 <>
                     <span className="text-4xl text-bold align-top">{this.renderSign()}{this.props.quote_symbol}</span>
-                    <span className="text-5xl">{this.whole}</span>
+                    <span className="text-5xl">{this.whole.toLocaleString()}</span>
                     <span className="text-3xl align-top">.{this.decimal}</span>
                 </>
             )
@@ -123,8 +123,8 @@ export class Statusbar extends Component<NewTickMessage> {
 
     render() {
         return (
-            <div className="bg-white border-t border-b sm:border-l sm:border-r sm:rounded shadow flex-grow mb-6">
-                <div className="border-b px-6">
+            <div className="bg-white border-t border-b sm:border-l sm:border-r sm:rounded-lg shadow flex-grow mb-6">
+                <div className="bg-gray-50 rounded-tl-lg rounded-tr-lg border-b px-6">
                     <div className="flex justify-between -mb-px">
                         <div className="lg:hidden text-blue-600 py-4 text-lg">
                             Price Charts