From 31eaac84246cf80a35e94b5776d1826a6eef9f0a Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Fri, 19 Jun 2026 16:23:19 +0900
Subject: [PATCH] =?UTF-8?q?style(dispatch):=20=EC=B9=B4=EB=93=9C=20?=
 =?UTF-8?q?=EC=83=81=EB=8B=A8=20=EC=97=AC=EB=B0=B1=20=EC=A0=9C=EA=B1=B0=20?=
 =?UTF-8?q?=E2=80=94=20=EB=A1=9C=EA=B3=A0=EB=A5=BC=20=EC=9A=B0=EC=83=81?=
 =?UTF-8?q?=EB=8B=A8=20absolute=20=EB=B0=B0=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

큰 로고가 flex 헤더 줄 높이를 키워 No.1 위에 빈 띠가 생기던 문제 수정.
로고/텍스트 배지를 카드 우상단으로 absolute 처리해 줄 높이에 영향 없게 함.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../dispatch/templates/dispatch/detail.html   | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/modules/dispatch/templates/dispatch/detail.html b/app/modules/dispatch/templates/dispatch/detail.html
index 0d56bf6..da1582c 100644
--- a/app/modules/dispatch/templates/dispatch/detail.html
+++ b/app/modules/dispatch/templates/dispatch/detail.html
@@ -7,8 +7,10 @@
   .dsp-search { flex:1 1 220px;min-width:180px; }
   .dsp-cards { display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px; }
   .dsp-card { border:1px solid #e2e8f0;border-radius:12px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:10px; }
+  .dsp-card { position:relative; }
   .dsp-card.is-done { border-color:#86efac;background:#f0fdf4; }
   .dsp-no { font-size:20px;font-weight:700;color:#0f172a; }
+  .dsp-courier-text { position:absolute;top:12px;right:14px; }
   .dsp-meta { font-size:13px;line-height:1.5;color:#334155;word-break:break-all; }
   .dsp-meta b { color:#0f172a; }
   .dsp-items { list-style:none;margin:0;padding:8px 0;border-top:1px dashed #e2e8f0;border-bottom:1px dashed #e2e8f0; }
@@ -21,7 +23,7 @@
   .dsp-btn-status small { display:block;font-size:10px;font-weight:500;opacity:.8; }
   .dsp-btn-status.on { background:#16a34a;border-color:#16a34a;color:#fff; }
   .dsp-btn-status:disabled { opacity:.6;cursor:wait; }
-  .dsp-courier { height:44px;width:auto;max-width:280px;display:block; }
+  .dsp-courier { position:absolute;top:12px;right:14px;height:44px;width:auto;max-width:180px; }
   .dsp-hidden { display:none !important; }
   @media (max-width:480px){ .dsp-cards{grid-template-columns:1fr;} }
 </style>
@@ -61,15 +63,13 @@
                data-handed_to_kagayaku="{{ p.handed_to_kagayaku|lower }}"
                data-courier_scanned="{{ p.courier_scanned|lower }}"
                data-search="{{ (p.order_id ~ ' ' ~ p.package_id ~ ' ' ~ p.tracking_id ~ ' ' ~ (p['items']|map(attribute='seller_sku')|join(' ')))|lower }}">
-        <div style="display:flex;justify-content:space-between;align-items:baseline;">
-          <span class="dsp-no">No. {{ p.seq }}</span>
-          {% set logo = p.shipping_provider | courier_logo %}
-          {% if logo %}
-          <img class="dsp-courier" src="{{ logo }}" alt="{{ p.shipping_provider }}" title="{{ p.shipping_provider }}" />
-          {% elif p.shipping_provider %}
-          <span class="erp-badge">{{ p.shipping_provider }}</span>
-          {% endif %}
-        </div>
+        {% set logo = p.shipping_provider | courier_logo %}
+        {% if logo %}
+        <img class="dsp-courier" src="{{ logo }}" alt="{{ p.shipping_provider }}" title="{{ p.shipping_provider }}" />
+        {% elif p.shipping_provider %}
+        <span class="dsp-courier-text erp-badge">{{ p.shipping_provider }}</span>
+        {% endif %}
+        <div class="dsp-no">No. {{ p.seq }}</div>
         <div class="dsp-meta">
           <div><b>Order</b> {{ p.order_id or '—' }}</div>
           <div><b>Package</b> {{ p.package_id or '—' }}</div>