[IMP] pos_restaurant: improve UX of order button

Before, when category name is small it can be difficult to read
quantities.

closes odoo/odoo#147753

Now: quantities are to the left of category names with a little padding
Taskid: 3630619
Signed-off-by: Joseph Caburnay (jcb) <jcb@odoo.com>
This commit is contained in:
David Monnom (moda)
2024-01-11 17:00:44 +00:00
parent 64aea1a402
commit 5924b75dbd
@@ -17,9 +17,9 @@
Order
<div t-if="displayCategoryCount.length" class="break-line fw-normal fs-6 w-100 border-top mt-1 pt-1">
<t t-foreach="displayCategoryCount" t-as="categoryCountLine" t-key="categoryCountLine_index">
<div class="row g-0 my-1 w-100">
<label class="col text-start text-truncate ps-0" ><t t-esc="categoryCountLine.name"/></label>
<label class="col-3 text-center rounded p-0" style="background-color:rgba(0, 0, 0, 0.3);"><t t-esc="categoryCountLine.count"/></label>
<div class="d-flex justify-content-start g-0 my-1 w-100">
<label class="rounded px-2 py-0 me-1" style="background-color:rgba(0, 0, 0, 0.3);"><t t-esc="categoryCountLine.count"/></label>
<label class="text-truncate ps-0" ><t t-esc="categoryCountLine.name"/></label>
</div>
</t>
</div>