From 118d12f829fa8ff4e06477bd1ef7034970b0511d Mon Sep 17 00:00:00 2001
From: ttipo <kysung114y@gmail.com>
Date: Sun, 21 Jun 2026 22:16:27 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=A7=80=EC=8B=9C=EC=9E=90=20?=
 =?UTF-8?q?=EC=B9=B4=EB=93=9C=EC=9D=98=20=EC=A7=80=EC=8B=9C=20=EC=8B=9C?=
 =?UTF-8?q?=EA=B0=81=EC=9D=84=20=EC=B9=B4=EB=93=9C=20=EC=9A=B0=EC=B8=A1=20?=
 =?UTF-8?q?=EC=83=81=EB=8B=A8=EC=9C=BC=EB=A1=9C=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

업무 상세 지시자 카드 하단에 있던 '언제 지시했는지' 텍스트를 '지시자' 라벨과
같은 줄의 우측 상단으로 배치한다.

- side-head(라벨 + 우측 보조 텍스트) 한 줄 배치 추가, issued-at 우측 정렬
- 하단 .meta-line 제거(미사용 스타일 정리)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 frontend/src/pages/relay/TaskDetailPage.vue | 34 ++++++++++++++-------
 1 file changed, 23 insertions(+), 11 deletions(-)

diff --git a/frontend/src/pages/relay/TaskDetailPage.vue b/frontend/src/pages/relay/TaskDetailPage.vue
index d6ce7b1..6793b24 100644
--- a/frontend/src/pages/relay/TaskDetailPage.vue
+++ b/frontend/src/pages/relay/TaskDetailPage.vue
@@ -1203,8 +1203,13 @@ function badgeFor(name: string | undefined): { label: string; cls: string } {
 
           <div class="card side-card">
             <div class="side-field bare">
-              <div class="side-label">
-                지시자
+              <div class="side-head">
+                <div class="side-label">
+                  지시자
+                </div>
+                <div class="issued-at">
+                  {{ task.issuedLabel }}
+                </div>
               </div>
               <div class="issuer">
                 <span class="avatar"><UserAvatar
@@ -1213,9 +1218,6 @@ function badgeFor(name: string | undefined): { label: string; cls: string } {
                 /></span>
                 <span><div class="nm">{{ task.issuer.name }}</div><div class="rl">{{ task.issuer.role }}</div></span>
               </div>
-              <div class="meta-line">
-                {{ task.issuedLabel }}
-              </div>
             </div>
           </div>
         </aside>
@@ -2708,6 +2710,22 @@ function badgeFor(name: string | undefined): { label: string; cls: string } {
   margin-bottom: 0.5625rem;
   white-space: nowrap;
 }
+/* 라벨 + 우측 보조 텍스트(지시 시각 등) 한 줄 배치 */
+.side-head {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 0.5rem;
+  margin-bottom: 0.5625rem;
+}
+.side-head .side-label {
+  margin-bottom: 0;
+}
+.issued-at {
+  font-size: 0.719rem;
+  color: var(--text-3);
+  white-space: nowrap;
+}
 .status-badge {
   display: inline-flex;
   align-items: center;
@@ -2884,12 +2902,6 @@ function badgeFor(name: string | undefined): { label: string; cls: string } {
   color: var(--text-3);
   white-space: nowrap;
 }
-.meta-line {
-  font-size: 0.75rem;
-  color: var(--text-3);
-  margin-top: 0.25rem;
-  white-space: nowrap;
-}
 
 /* 승인 요청 카드 */
 .ap-card {