From 13a0ae96719c6ab46825850b206f078414bd0836 Mon Sep 17 00:00:00 2001
From: kszymankiewiczsd <kszymankiewicz@soldevelo.com>
Date: Thu, 27 Nov 2025 11:10:02 +0100
Subject: [PATCH] Allow horizontal scrolling in requisition batch approval view

---
 .../_requisition-batch-approval.scss             |  7 -------
 .../requisition-batch-approval.html              | 16 ++++++++--------
 2 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/requisition-batch-approval/_requisition-batch-approval.scss b/src/requisition-batch-approval/_requisition-batch-approval.scss
index 26713ada..b2b8bd61 100644
--- a/src/requisition-batch-approval/_requisition-batch-approval.scss
+++ b/src/requisition-batch-approval/_requisition-batch-approval.scss
@@ -27,22 +27,15 @@
 
     #batch-approval-form {
         display: flex;
-        flex-direction: column;
-        flex-grow: 1;
 
         margin:0px 20px;
 
-        > * {
-            flex: 0 0 auto;
-        }
-
         > .openlmis-table-pane {
             flex-grow: 1;
         }
     }
 
     .openlmis-toolbar {
-        position: static;
         margin: 0px;
         padding: $space-size/2 $space-size;
     }
diff --git a/src/requisition-batch-approval/requisition-batch-approval.html b/src/requisition-batch-approval/requisition-batch-approval.html
index 776e851f..1e73d0f0 100644
--- a/src/requisition-batch-approval/requisition-batch-approval.html
+++ b/src/requisition-batch-approval/requisition-batch-approval.html
@@ -8,7 +8,7 @@ <h2>{{'requisitionBatchApproval.approveRequisitions' | message}}</h2>
     </p>
     <form id="batch-approval-form" ng-submit="vm.approve()">
         <saving-indicator class="requisition-indicator" object="vm.requisitions"/>
-        <div class="openlmis-table-pane">
+        <div class="openlmis-table-container">
             <table>
                 <thead>
                     <tr>
@@ -22,7 +22,7 @@ <h2>{{'requisitionBatchApproval.approveRequisitions' | message}}</h2>
                                        'is-hidden': !(requisition)}">
                             {{requisition.facilityName}} - {{requisition.periodName}}
                         </th>
-                        <th class="col-sticky col-sticky-right" colspan="2">{{'requisitionBatchApproval.totalForAllFacilities' | message}}</th>
+                        <th colspan="2">{{'requisitionBatchApproval.totalForAllFacilities' | message}}</th>
                     </tr>
                     <tr>
                         <th class="col-sticky" >{{'requisitionBatchApproval.code' | message}}</th>
@@ -35,8 +35,8 @@ <h2>{{'requisitionBatchApproval.approveRequisitions' | message}}</h2>
                             ng-class="{'requisition-error': requisition.$error}">
                             {{'requisitionBatchApproval.cost' | message}}
                         </th>
-                        <th class="col-sticky col-sticky-right" >{{'requisitionBatchApproval.quantity' | message}}</th>
-                        <th class="col-sticky col-sticky-right" >{{'requisitionBatchApproval.cost' | message}}</th>
+                        <th>{{'requisitionBatchApproval.quantity' | message}}</th>
+                        <th>{{'requisitionBatchApproval.cost' | message}}</th>
                     </tr>
                 </thead>
                 <tbody>
@@ -57,8 +57,8 @@ <h2>{{'requisitionBatchApproval.approveRequisitions' | message}}</h2>
                         <td class="numeric" ng-repeat-end>
                             {{vm.lineItems[requisition.id][product.productId].totalCost | openlmisCurrency}}
                         </td>
-                        <td class="total-cell numeric col-sticky col-sticky-right"> {{product.totalQuantity}} </td>
-                        <td class="total-cell numeric col-sticky col-sticky-right"> {{product.totalCost | openlmisCurrency}} </td>
+                        <td class="total-cell numeric"> {{product.totalQuantity}} </td>
+                        <td class="total-cell numeric"> {{product.totalCost | openlmisCurrency}} </td>
                     </tr>
                 </tbody>
                 <tfoot>
@@ -70,8 +70,8 @@ <h2>{{'requisitionBatchApproval.approveRequisitions' | message}}</h2>
                         <th class="numeric" ng-repeat-end>
                             {{requisition.$totalCost | openlmisCurrency}}
                         </th>
-                        <th class="col-sticky col-sticky-right"></th>
-                        <th class="col-sticky col-sticky-right numeric"> {{vm.totalCost | openlmisCurrency}}</th>
+                        <th></th>
+                        <th class="numeric"> {{vm.totalCost | openlmisCurrency}}</th>
                     </tr>
                 </tfoot>
             </table>