Improve visual appearance of trees and lists (MGNLUI-633)

[MGNLUI-1165] Better visually group icons with their values in trees and lists Created: 22/Apr/13  Updated: 24/Apr/13  Resolved: 24/Apr/13

Status: Closed
Project: Magnolia UI
Component/s: design, tree/list
Affects Version/s: None
Fix Version/s: 5.0

Type: Sub-task Priority: Neutral
Reporter: Andreas Weder Assignee: Samuli Penttilä
Resolution: Fixed Votes: 0
Labels: design, usability
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Template:
Date of First Response:
Sprint: Beta 2

 Description   

This issue includes a number of padding changes to increase the readability of a single row and ensures that elements belonging together actually are seen as such:

  • move the icons closer to the text
  • make the gap between the icons and the arrows in trees smaller, but make sure that the touch target of the arrows remains large enough.
  • finally, increase the gap between the check box and the arrow (in trees) or the icon (in lists), so that the two are better separated.


 Comments   
Comment by Samuli Penttilä [ 24/Apr/13 ]

Moved arrow,icon and text closer to form a group

Comment by Andreas Weder [ 24/Apr/13 ]

Looking good, thanks.

Generated at Mon Feb 12 08:43:59 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.