Bug 35426: Improve layout of bookings modal form

This patch changes the class on the bookings modal form's fieldset in
order to make the form work better in the small space offered by the
modal.

Also changed: The hint for the patron search field has been moved below
the field for consistency.

To test, apply the patch and search for a title in the staff interface.

- View the detail page.
- If you don't see a "Place booking" button in the toolbar,
  click "Items" in the sidebar menu.
  - Locate the "Priority" heading, and change the "Bookable" setting to
    "Yes."
- Click the "PLace booking" button in the toolbar.
  - The bookings modal form should appear, and the form layout should be
    improved.

Signed-off-by: Barbara Johnson <barbara.johnson@bedfordtx.gov>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
(cherry picked from commit 58cdd79357)
Signed-off-by: Fridolin Somers <fridolin.somers@biblibre.com>
This commit is contained in:
Owen Leonard 2023-11-28 18:46:11 +00:00 committed by Fridolin Somers
parent 1c7bee262a
commit d5e61892dd

View file

@ -9,14 +9,13 @@
</div>
<div class="modal-body">
<div id="booking_result"></div>
<fieldset class="rows">
<fieldset class="brief">
<input type="hidden" name="biblio_id" id="booking_id">
<input type="hidden" name="biblio_id" id="booking_biblio_id">
<input type="hidden" name="start_date" id="booking_start_date">
<input type="hidden" name="end_date" id="booking_end_date">
<ol>
<li>
<div class="hint">Enter patron card number or partial name:</div>
<label class="required" for="booking_patron_id">Patron: </label>
<select name="booking_patron_id" id="booking_patron_id" required="required">
<option></option>
@ -24,6 +23,7 @@
<option value="[% borrowernumber | uri %]" selected="selected">[% patron.firstname | html %] [% patron.surname | html %] ([% patron.cardnumber | html %] )</option>
[% END %]
</select>
<div class="hint">Enter patron card number or partial name</div>
</li>
<label for="booking_item_id">Item: </label>
<select name="booking_item_id" id="booking_item_id" disabled="true">