Use padding to replace blank space and remove keys

ebi-gene-expression-group · Feb 27, 2019 · 61913f4 · 61913f4
1 parent 7d43caa
commit 61913f4
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/TableHeaderCells.js b/src/TableHeaderCells.js
@@ -15,13 +15,13 @@ function renderTableSortHeaderCell (columnNumber, headerText, width, orderedColu
     flexBasis={width} flexShrink={100} flexGrow={100}
     onClick={() => onClick(columnNumber)}>
     <TableSearchHeaderCellDiv>
-      {[
-        `${headerText} `,
-        columnNumber===orderedColumn ?
-          ordering ?
-            <i key={`up${columnNumber}`} className={`icon icon-common icon-sort-up`}/> : <i key={`down${columnNumber}`} className={`icon icon-common icon-sort-down`}/>
-          : <i key={`updown${columnNumber}`} className={`icon icon-common icon-sort`}/>
-      ]}
+      {headerText}
+      { columnNumber===orderedColumn ?
+        ordering ?
+          <i className={`icon icon-common icon-sort-up`} style={{paddingLeft: `1em`}}/>
+          : <i className={`icon icon-common icon-sort-down`} style={{paddingLeft: `1em`}}/>
+        : <i className={`icon icon-common icon-sort`} style={{paddingLeft: `1em`}}/>
+      }
     </TableSearchHeaderCellDiv>
   </Table.TextHeaderCell>