Bug 18878

Summary: Improve item form display / labels too far from input fields
Product: Koha Reporter: Katrin Fischer <katrin.fischer>
Component: CatalogingAssignee: Grace <gracesmythh>
Status: CLOSED FIXED QA Contact: Testopia <testopia>
Severity: enhancement    
Priority: P5 - low CC: jonathan.druart, m.de.rooy, nick, oleonard, veron
Version: masterKeywords: Academy
Hardware: All   
OS: All   
Change sponsored?: --- Patch complexity: Trivial patch
Documentation contact: Documentation submission:
Text to go in the release notes:
Version(s) released in:
Bug Depends on:    
Bug Blocks: 23572    
Attachments: item form before suggested change
item form after suggested change
Bug 18878: Align labels in item form to the right
Bug 18878: Align labels in item form to the right
Bug 18878: Align labels in item form to the right

Description Katrin Fischer 2017-06-29 07:52:34 UTC
Created attachment 64716 [details]
item form before suggested change

At the moment the labels in the item form can end up being far apart from the input fields, especially on larger screens. A library suggested to make this work like the z39.50 search form where the labels are aligend right instead of left, which makes them close to the input fields (see attached screenshots).

Just moving them closer might make cause problems, as for example the German translations are much longer than the English ones and so the 'right distance' varies by language.
Comment 1 Katrin Fischer 2017-06-29 07:54:22 UTC
Created attachment 64717 [details]
item form after suggested change

In IntranetUserCss:

#cataloguing_additem_newitem fieldset.rows label, #cataloguing_additem_newitem fieldset.rows span.label {
    text-align: right;
}
Comment 2 Grace 2018-01-16 02:30:03 UTC Comment hidden (obsolete)
Comment 3 Claire Gravely 2018-01-16 09:13:00 UTC
Created attachment 70547 [details] [review]
Bug 18878: Align labels in item form to the right

Test Plan
[1.] Search for an item and click on it
[2.] Press the edit button to edit an item
[3.] Notice that the labels are aligned to the left and very far away
from the boxes
[4.] Load the patch and now notice that the labels are closer to the
boxes and are easier to read

Signed-off-by: Claire Gravely <claire.gravely@bsz-bw.de>
Comment 4 Nick Clemens 2018-01-16 15:06:28 UTC
Created attachment 70556 [details] [review]
Bug 18878: Align labels in item form to the right

Test Plan
[1.] Search for an item and click on it
[2.] Press the edit button to edit an item
[3.] Notice that the labels are aligned to the left and very far away
from the boxes
[4.] Load the patch and now notice that the labels are closer to the
boxes and are easier to read

Signed-off-by: Claire Gravely <claire.gravely@bsz-bw.de>

Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
Comment 5 Jonathan Druart 2018-01-19 18:55:52 UTC
Pushed to master for 18.05, thanks to everybody involved!
Comment 6 Nick Clemens 2018-01-23 04:17:13 UTC
Awesome work all!

Enhancement, not backported for 17.11.
Comment 7 Katrin Fischer 2019-09-09 09:47:52 UTC
It looks like there is a regression here - the alignment ist on the left again in 18.11.x.