From 8c38e043d657a46f4a272eb756a529c15a3ef5d7 Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
Date: Mon, 13 Feb 2023 16:02:28 +0000
Subject: [PATCH] Bug 32946: 'Send list' form in OPAC is misaligned

This patch tweaks the OPAC CSS and the send list template so that form
fields are laid out correctly.

To test, apply the patch and rebuild the OPAC CSS.

- Log in to the OPAC and create a list if necessary.
- In the OPAC's view of the list contents, click the "Send list" button.
- In the pop-up window the form layout should look correct.

Signed-off-by: Matt Blenkinsop <matt.blenkinsop@ptfs-europe.com>
Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
(cherry picked from commit 0d7ba6e5201b16f7e7a2332af7204cb6416c289a)
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
---
 koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss          | 9 +++++++++
 .../opac-tmpl/bootstrap/en/modules/opac-sendshelfform.tt | 8 ++++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
index a927bff544..719ef61980 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss
@@ -1003,6 +1003,15 @@ fieldset {
         }
     }
 
+    &.brief {
+        label {
+            display: block;
+            font-weight: bold;
+            padding: .3em 0;
+            text-align: left;
+        }
+    }
+
     table {
         font-size: 100%;
     }
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-sendshelfform.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-sendshelfform.tt
index b7eb7d7fb8..a446e8b5a9 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-sendshelfform.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-sendshelfform.tt
@@ -31,13 +31,13 @@
                                 <p><a class="button close" href="/cgi-bin/koha/opac-shelves.pl?op=view&amp;shelfnumber=[% shelfid | html %]">Back to lists</a></p>
                             [% ELSE %]
                                 <form action="/cgi-bin/koha/opac-sendshelf.pl" method="post" id="sendshelfform">
-                                    <legend><h1>Sending your list</h1></legend>
-                                    <fieldset>
+                                    <fieldset class="brief">
+                                        <legend><h1>Sending your list</h1></legend>
                                         <label for="email">Email address:</label>
-                                        <input type="text" id="email" name="email" size="43" class="focus" />
+                                        <input type="text" id="email" name="email" size="43" class="focus form-control" />
 
                                         <label for="comment">Comment:</label>
-                                        <textarea id="comment" name="comment" rows="4" cols="40"></textarea>
+                                        <textarea id="comment" name="comment" rows="4" cols="40" class="form-control"></textarea>
 
                                         <input type="hidden" name="shelfid" value="[% shelfid | html %]" />
                                     </fieldset>
-- 
2.20.1