From 57b374127590fd2abf4731774e672c1800e8c817 Mon Sep 17 00:00:00 2001
From: Giulio De Pasquale <depasquale@giugl.io>
Date: Sun, 20 Dec 2020 14:15:49 +0000
Subject: [PATCH] percentage text follows style of state box

---
 websrc/components/Tables.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/websrc/components/Tables.tsx b/websrc/components/Tables.tsx
index b1324fb..adeed92 100644
--- a/websrc/components/Tables.tsx
+++ b/websrc/components/Tables.tsx
@@ -57,6 +57,7 @@ export class PositionsTable extends Component<{ positions: Array<PositionProp> }
             const stateBg = "bg-".concat(this.stateColor(position.state)).concat("-100 ")
             const stateText = "text-".concat(this.stateColor(position.state)).concat("-800 ")
             const stateClass = "px-2 inline-flex text-xs leading-5 font-semibold rounded-full ".concat(stateBg).concat(stateText)
+            const percentageText = "text-".concat(this.stateColor(position.state)).concat("-300 ")
 
             return (
                 <tr key={position.id}>
@@ -84,8 +85,8 @@ export class PositionsTable extends Component<{ positions: Array<PositionProp> }
                     </td>
 
                     <td className="px-6 py-1 whitespace-nowrap">
-                        <div className="text-sm text-gray-900">{position.profit_loss.toLocaleString()} USD</div>
-                        <div className="text-sm text-gray-500">{position.profit_loss_percentage.toFixed(2)}%</div>
+                        <div className="text-sm text-gray-900 font-semibold">{position.profit_loss.toLocaleString()} USD</div>
+                        <div className={"text-sm ".concat(stateClass)}>{position.profit_loss_percentage.toFixed(2)}%</div>
                     </td>
 
                     <td className="px-6 py-1 whitespace-nowrap text-right text-sm font-medium">