릴리스: v0.1.49 템플릿 요청 UI 분리와 모달 정리

frontend/src/views/TierEditorView.vue

@@ -704,8 +704,8 @@ onUnmounted(() => {
           class="requestChecklist__item"
           :class="{ 'requestChecklist__item--passed': check.passed }"
         >
+          <span class="requestChecklist__label">{{ check.label }}</span>
           <span class="requestChecklist__icon">{{ check.passed ? '완료' : '확인 필요' }}</span>
-          <span>{{ check.label }}</span>
         </div>
       </div>
       <div class="requestChecklist__hint">
@@ -1077,13 +1077,19 @@ onUnmounted(() => {
   display: flex;
   justify-content: flex-end;
   margin-top: 8px;
+  flex-wrap: wrap;
+}
+.modalCard__actions .btn {
+  width: auto;
+  min-width: 120px;
 }
 .requestChecklist {
   display: grid;
   gap: 10px;
 }
 .requestChecklist__item {
-  display: flex;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
   gap: 10px;
   align-items: center;
   padding: 10px 12px;
@@ -1096,12 +1102,18 @@ onUnmounted(() => {
   border-color: rgba(52, 211, 153, 0.24);
   background: rgba(52, 211, 153, 0.1);
 }
+.requestChecklist__label {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
 .requestChecklist__icon {
   flex: 0 0 auto;
-  min-width: 56px;
+  min-width: 68px;
   font-size: 12px;
   font-weight: 900;
   opacity: 0.9;
+  text-align: right;
+  white-space: nowrap;
 }
 .requestChecklist__hint {
   font-size: 13px;
@@ -1446,5 +1458,14 @@ onUnmounted(() => {
   .descInput {
     border-radius: 16px;
   }
+  .requestChecklist__item {
+    grid-template-columns: 1fr;
+  }
+  .requestChecklist__icon {
+    text-align: left;
+  }
+  .modalCard__actions .btn {
+    width: 100%;
+  }
 }
 </style>