From 9bc52c7bb969ae6f9e6ffd0525001d8441af43e6 Mon Sep 17 00:00:00 2001
From: Gustavo Luigi <=>
Date: Mon, 30 Oct 2023 21:23:39 -0300
Subject: [PATCH] update product template

---
 assets/js/elements/product.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/js/elements/product.js b/assets/js/elements/product.js
index 113ce3c..44bc57c 100644
--- a/assets/js/elements/product.js
+++ b/assets/js/elements/product.js
@@ -3,8 +3,8 @@ import { numberToEuroFormat } from "../utils.js";
 export function Product(data) {
     return `
     <tr>
-        <td class="text-start">
-            <img class="rounded img-fluid" style="height: 100px;" src="${data.image ?? data.default_image}">
+        <td class="text-start align-middle">
+            <img class="rounded img-fluid" style="aspect-ratio: 2/1; object-fit: cover; height: 100px;" src="${data.image ?? data.default_image}">
         </td>
         <td class="text-start">
             <span class="fs-5">
@@ -14,7 +14,7 @@ export function Product(data) {
             <small class="text-success">sofort verfügbar</small>
             <br>
             <input type="number" min="1" max="100" class="form-control select-quantity" data-id="${data.id}" style="width:125px;" value="${data.quantity}">
-            <button data-id="${data.id}" class="btn-remove-product text-muted small text-decoration-none" style="padding: 0; border: none; background: transparen;">Löschen</button>
+            <button data-id="${data.id}" class="btn-remove-product text-muted small text-decoration-none" style="padding: 0; border: none; background: transparent;">Löschen</button>
         </td>
         <td class="align-middle text-end product-price">
             <span>${numberToEuroFormat(data.calc_preis)}</span>