From af58b813caf54224bce969bd23f09f640276a492 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Sun, 6 Sep 2026 15:51:55 +0200
Subject: [PATCH] OTC-Produktlabels und Mengenfelder ausrichten

---
 modules/shared/auth/ui/home.php | 2 +-
 public/assets/styles.portal.css | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/modules/shared/auth/ui/home.php b/modules/shared/auth/ui/home.php
index 781288a..f7d9e21 100644
--- a/modules/shared/auth/ui/home.php
+++ b/modules/shared/auth/ui/home.php
@@ -448,7 +448,7 @@ function render_auth_home_page(array $user, array $otcProducts = [], array $best
         $disabledAttribute = $hasSellableMapping ? '' : ' disabled aria-disabled="true"';
 
         $otcProductRows .= '<div class="sg-form-sections-card__field-group">';
-        $otcProductRows .= '<label class="sg-labeled-input-row"><span class="sg-label">' . $productName . ($productSku !== '' ? ' (' . $productSku . ')' : '') . $mappingNote . '</span>';
+        $otcProductRows .= '<label class="sg-labeled-input-row sg-otc-order-product-row"><span class="sg-label">' . $productName . ($productSku !== '' ? ' (' . $productSku . ')' : '') . $mappingNote . '</span>';
         $otcProductRows .= '<input class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable" type="number" id="' . $inputId . '" min="0" step="1" data-otc-order-product data-product-id="' . $productId . '" data-title="' . $productName . '" data-available-qty="' . $availableQty . '"' . $disabledAttribute . '>';
         $otcProductRows .= '</label>';
         $otcProductRows .= '<p class="sg-body sg-form-sections-card__sentence">Physischer Bestand: ' . $availableQty . '</p>';
diff --git a/public/assets/styles.portal.css b/public/assets/styles.portal.css
index 5d64fd1..e3fade1 100644
--- a/public/assets/styles.portal.css
+++ b/public/assets/styles.portal.css
@@ -138,8 +138,16 @@ body.sg-lager-mobile-detail-open > :not([data-lager-mobile-detail-host]) {
 }
 
 .sg-otc-order-overlay [data-otc-order-product] {
+  flex: 0 0 6rem;
   width: 6rem;
   max-width: 6rem;
+  margin-left: auto;
+  text-align: right;
+}
+
+.sg-otc-order-overlay .sg-otc-order-product-row .sg-label {
+  min-width: 0;
+  flex: 1 1 auto;
 }
 
 .sg-otc-order-overlay .sg-form-sections-card__field-group {