pampeanodev / btcretirementcalc

https://btcretirementcalc.vercel.app
9 stars 5 forks source link

UI Improvement for sliders' labels positioning #8

Closed cobo2bofb closed 7 months ago

cobo2bofb commented 7 months ago

[Improvement] [UI]

"Annual estimated buy:" and "Price annual growth rate:" should be placed slightly above its current positioning, because at the moment the "Annual estimated buy:" label is in the middle of the two sliders, and requires a lot of attention from the user to understand to what slider this label belongs to.

Also, the "Annual estimated buy:" label, seems to be a bit overlapping with the amount value of the slider (see picture below).

IMAGE 2024-04-09 18:24:47

So, both labels should be a positioned a little bit upper.

At the same time, the ":" on both labels should be removed, since now, the labels are below the slider (instead of above), and for that reason, the use of ":" is no longer required.