bitshares / bitshares/bitshares-ui

[2.0.181212-rc1][0.25] Integration testing by toi16 - Margin Table Alignment

Open
#2,283 1 comment 0 reactions 0 assignees View on GitHub
[1b] User Story [2] Good First Issue [3] Enhancement [5a] Tiny [7] Estimated
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**
![margin](https://user-images.githubusercontent.com/23018324/49660364-4e195700-fa3e-11e8-97fb-05d3fa5aba4d.PNG)

**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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.