From 6aaf4f56b157d8e1f19a8a3b9e35e90f6c617e50 Mon Sep 17 00:00:00 2001
From: Daniel Karzel <daniel@comit.network>
Date: Tue, 28 Sep 2021 21:28:52 +1000
Subject: [PATCH] Remove the span that does not align the table header properly

When sorting the triangle appears next to the header text - that is expected and standard behaviour.
The span was always rendered (also with no sorting), and message up the alignment of the text.

Additionally add a text-align right for fixing the `State` header, that was somewhat floating around.
---
 frontend/src/components/cfdtables/CfdTable.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/cfdtables/CfdTable.tsx b/frontend/src/components/cfdtables/CfdTable.tsx
index 52899fe..1a6c330 100644
--- a/frontend/src/components/cfdtables/CfdTable.tsx
+++ b/frontend/src/components/cfdtables/CfdTable.tsx
@@ -208,9 +208,10 @@ export function Table({ columns, tableData, hiddenColumns, renderDetails }: Tabl
                                     {...column.getHeaderProps(column.getSortByToggleProps())}
                                     // @ts-ignore
                                     isNumeric={column.isNumeric}
+                                    textAlign={"right"}
                                 >
                                     {column.render("Header")}
-                                    <chakra.span pl="4">
+                                    <chakra.span>
                                         {// @ts-ignore
                                         column.isSorted
                                             ? (