Bug 26189: Improve styling of datatables within fieldsets

Unset label width restriction: The label width restriction within
fieldsets causes issues for the datatables header. Unsetting it
explicitly here resolves the line wrapping issues :)

Reset margins for datatables found inside fieldsets such that the
datatable properly utilises the available space and restore the
default datatable label font weights.

Signed-off-by: Sally <sally.healey@cheshiresharedservices.gov.uk>

Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
(cherry picked from commit b65efd3f22)

Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>

koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss

@@ -893,6 +893,10 @@ fieldset {
             font-size: 105%;
             margin: 1em 0 1em 1em;
 
+            &.dataTable {
+                margin: 0;
+            }
+
             &.mceListBox {
                 margin: 0;
             }
@@ -916,6 +920,13 @@ fieldset {
             clear: both;
             padding-top: .5em;
         }
+
+        .dataTables_wrapper {
+            label {
+                font-weight: 400;
+                width: unset;
+            }
+        }
     }
 }
 

koha-tmpl/intranet-tmpl/prog/en/modules/pos/pay.tt

@@ -261,7 +261,6 @@
             "bPaginate": false,
             "bFilter": false,
             "bInfo": false,
-            "bAutoWidth": false,
             "aoColumnDefs": [{
                 "aTargets": [-3],
                 "bSortable": false,
@@ -336,6 +335,7 @@
                "aaSorting": [[ 0, "asc" ]],
                "paginationType": "full",
         }));
+        }, items_columns_settings, false);
 
         $(".add_button").on("click", function(e) {
             e.preventDefault();