From 04bd2fdef1ff63a3bec2d9d5c299fdc7e9f4b6d7 Mon Sep 17 00:00:00 2001
From: Brieuc-brd <brd@odoo.com>
Date: Tue, 4 Jul 2023 07:55:39 +0000
Subject: [PATCH] [FIX] sale_stock: availability popover

Prior to this commit, the layout of the availability popover was broken.
This commit fixes this issue.

task-3397905
Par of task-3326263

closes odoo/odoo#127557

X-original-commit: 9db9a9b1a08e5d1358fafc423f3ecb93bf08c07d
Related: odoo/enterprise#43727
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
---
 addons/sale_stock/static/src/widgets/qty_at_date_widget.xml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/addons/sale_stock/static/src/widgets/qty_at_date_widget.xml b/addons/sale_stock/static/src/widgets/qty_at_date_widget.xml
index 74b13c937fb..71cc0d46646 100644
--- a/addons/sale_stock/static/src/widgets/qty_at_date_widget.xml
+++ b/addons/sale_stock/static/src/widgets/qty_at_date_widget.xml
@@ -10,18 +10,18 @@
 
     <!-- TODO: rename this to QtyAtDatePopup in master version -->
     <t t-name="sale_stock.QtyDetailPopOver" owl="1">
-        <div>
+        <div class="p-2">
         <h6>Availability</h6>
         <table class="table table-borderless table-sm">
             <tbody>
                 <t t-if="!props.record.data.is_mto and ['draft', 'sent'].includes(props.record.data.state)">
                     <tr>
                         <td><strong>Forecasted Stock</strong><br/><small>On <span t-out="props.calcData.delivery_date"/></small></td>
-                        <td><b t-out='props.record.data.virtual_available_at_date'/> <t t-out='props.record.data.product_uom[1]'/></td>
+                        <td class="text-end"><b t-out='props.record.data.virtual_available_at_date'/> <t t-out='props.record.data.product_uom[1]'/></td>
                     </tr>
                     <tr>
                         <td><strong>Available</strong><br /><small>All planned operations included</small></td>
-                        <td><b t-out='props.record.data.free_qty_today' t-att-class="!props.calcData.will_be_fulfilled ? 'text-danger': ''"/> <t t-out='props.record.data.product_uom[1]'/></td>
+                        <td class="text-end"><b t-out='props.record.data.free_qty_today' t-att-class="!props.calcData.will_be_fulfilled ? 'text-danger': ''"/> <t t-out='props.record.data.product_uom[1]'/></td>
                     </tr>
                 </t>
                 <t t-elif="props.record.data.is_mto and ['draft', 'sent'].includes(props.record.data.state)">