bitshares / bitshares/bitshares-ui
[2.0.181212-rc1][0.25] Integration testing by toi16 - Margin Table Alignment
- Dominant language
- JavaScript
- Stars
- 520
- Forks
- 575
- Avg merge
- 12h 7m
- Merged PRs (30d)
- 5
Description
**Describe the bug**
When viewing the Margin Positions table the 'TOTAL(BTS)' column header does not align with the column row data.
Row data is right justified, but appears that the column width is too wide.
The spacing between column headings is not uniform.
**To Reproduce**
Steps to reproduce the behavior:
1. Go to 'Dashboard'
2. Click on 'Margin Positions' Tab
3. See alignment issues
**Expected behavior**
When viewing the Margin Positions table, the column heading 'TOTAL(BTS)' should align with the row data below it, also spacing between columns should be equal, (NOTE: at smaller screen sizes the columns are not so visually miss-aligned)
**Screenshots**

**Desktop (please complete the following information):**
My OS:
Windows 10, Version: 1803 (OS Build 17134.407)
My Browser:
Chrome, Version 71.0.3578.80 (Official Build) (64-bit)
**Additional context**
Add any other context about the problem here.
Contributor guide
Research direction
Start at the Dashboard's Margin Positions tab and inspect the table markup and styling responsible for the TOTAL(BTS) header and row alignment. Done means the header aligns with its data and column spacing is uniform at desktop sizes while remaining correct on smaller screens.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100