CNN Summary - adjust layout of input, validation status and output

rfcx / arbimon

Ecoacoustic analysis platform empowering conservationists to analyze acoustic data and to derive insights about the ecosystem at scale

https://arbimon.org

Apache License 2.0

0 stars 1 forks source link

CNN Summary - adjust layout of input, validation status and output #1954

Closed koonchaya closed 1 month ago

koonchaya commented 1 month ago

Context

In summary section, 3 columns of input, validation status and output layout uneven in the box. The max text length in all of them should be the same. I see site names is longer than other text.

Design	Current

Expected results

[x] 3 columns in summary display evenly.
[x] Status bar is moved as design
[x] Model, Input, Validation status, Output : font-weight: 500

naluinui commented 1 month ago

@koonchaya there is also a cleaner version of this UI. Please check https://www.figma.com/file/FGnP9kAFLDmraAFJf8OBAG/CNN-Roadmap?type=design&node-id=1811-73155&mode=design&t=gooq8ZKwzUqczelB-4

I've created a task for it at https://github.com/rfcx/arbimon/issues/1950. We might want to combine these 2 tasks together

RatreeOchn commented 1 month ago

Updated

grindarius commented 1 month ago

Released in v1.2.2 🚀

koonchaya commented 1 month ago

@RatreeOchn Can you fix the spacing same as design?