Add some margin on the TableRow score column (#669)

The TableRow currently has some margin on the left, but not on the
right. This is visually unbalanced, especially when expanded so depth>0,
as the content on the right is at the very edge of the shaded rectangle.

This commit cleans that up a bit!

Test plan: Visual inspection (see screenshots in the pull request). I
don't think unit tests are necessary for small visual tweaks like this.
This commit is contained in:
Dandelion Mané 2018-08-15 15:10:29 -07:00 committed by GitHub
parent 621a93851c
commit be79e3cb1c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 1 deletions

View File

@ -70,7 +70,9 @@ export class TableRow extends React.PureComponent<
{description}
</td>
<td style={{textAlign: "right"}}>{percent}</td>
<td style={{textAlign: "right"}}>{scoreDisplay(score)}</td>
<td style={{textAlign: "right"}}>
<span style={{marginRight: 5}}>{scoreDisplay(score)}</span>
</td>
</tr>
{expanded && children}
{showPadding && <PaddingRow backgroundColor={backgroundColor} />}