[FIX] website_sale: wrap shop card's bottom content

In mobile, having a somewhat 'large price' (like a few thousands
currency units) can cause the bottom of the card to overflow (esp.
if buttons like 'add to card' or 'add to wishlist' are present).

This commit modifies the card template so that content is normally
spaced and can wrap to a new line if need be.

opw-3706637

closes odoo/odoo#160628

Signed-off-by: Bouvy Damien (dbo) <dbo@odoo.com>

addons/website_sale/views/templates.xml

@@ -211,7 +211,7 @@
                         </a>
                     </h6>
                 </div>
-                <div class="o_wsale_product_sub d-flex justify-content-between align-items-end pb-1">
+                <div class="o_wsale_product_sub d-flex justify-content-between align-items-end gap-2 flex-wrap pb-1">
                     <t t-set="template_price_vals" t-value="get_product_prices(product)"/>
                     <div class="o_wsale_product_btn"/>
                     <div class="product_price" itemprop="offers" itemscope="itemscope" itemtype="http://schema.org/Offer">