[MGNLUI-832] Labels in forms should always be top-aligned Created: 06/Mar/13 Updated: 24/Jun/13 Resolved: 08/Apr/13 |
|
| Status: | Closed |
| Project: | Magnolia UI |
| Component/s: | dialogs, forms |
| Affects Version/s: | None |
| Fix Version/s: | 5.0 |
| Type: | Bug | Priority: | Major |
| Reporter: | Andreas Weder | Assignee: | Samuli Penttilä |
| Resolution: | Fixed | Votes: | 0 |
| Labels: | usability | ||
| Remaining Estimate: | Not Specified | ||
| Time Spent: | Not Specified | ||
| Original Estimate: | Not Specified | ||
| Attachments: |
|
| Template: |
|
| Acceptance criteria: |
Empty
|
| Task DoD: |
[ ]*
Doc/release notes changes? Comment present?
[ ]*
Downstream builds green?
[ ]*
Solution information and context easily available?
[ ]*
Tests
[ ]*
FixVersion filled and not yet released
[ ] 
Architecture Decision Record (ADR)
|
| Bug DoR: |
[ ]*
Steps to reproduce, expected, and actual results filled
[ ]*
Affected version filled
|
| Date of First Response: |
| Description |
|
We currently center labels in forms with their input field on the right. This is not according to how its been designed: we should top-align labels always. Please make sure that the baseline of labels and input fields on the right are properly aligned. If you do not adjust the label accordingly, the text in the label typically is placed above the text of the input field to the right. This improves readability and overview in that you always know where to look for the corresponding label of a form field. |
| Comments |
| Comment by Samuli Penttilä [ 08/Apr/13 ] |
|
Fixed by tuning CSS. |
| Comment by Andreas Weder [ 08/Apr/13 ] |
|
The labels look good now, thanks. Please advance the issue to the next step: I'm unsure if it needs integration or if we can simply close it (acceptance is probably not needed, a review will do just fine). |