기록서 목록에서 효과 설명만 왼쪽으로 튀어나오던 것을 고침

서고 목록의 한 줄은 [등급 아이콘][이름·발동 방식][가격]인데, 효과 설명은
아이콘보다 더 왼쪽에서 시작한다. 한 항목이 두 덩어리로 갈라져 보이고,
윗줄이 어느 책 것인지 눈으로 잇기 어렵다.

설명·대가·준비 중 표시가 아이콘을 담은 Row의 형제로 붙어 있어서 행 맨
왼쪽에서 시작했다. 아이콘 30 + 간격 8만큼 들여써 이름과 같은 줄에서
시작하게 했다.

Author: easygap

app/lib/features/expedition/presentation/skill_book_screen.dart

@@ -434,19 +434,30 @@ class _BookRow extends StatelessWidget {
                   ),
               ],
             ),
-            Text(book.effectSummary, style: theme.textTheme.bodySmall),
-            if (book.tradeoff != null)
-              Text(
-                '대가 · ${book.tradeoff}',
-                style: theme.textTheme.bodySmall,
-              ),
-            // 효과가 아직 판정에 없으면 그렇다고 밝힌다. 있는 척하지 않는다.
-            if (!book.combatEffect)
-              Text(
-                '효과를 준비하고 있어요',
-                key: ValueKey('pending-${book.code}'),
-                style: theme.textTheme.labelSmall,
+            // 아래 설명은 위 이름과 같은 줄에서 시작해야 한다. 그냥 두면
+            // 등급 아이콘보다 왼쪽에서 시작해 한 항목이 두 덩어리로 보인다.
+            // 30(아이콘) + 8(간격)만큼 들여쓴다.
+            Padding(
+              padding: const EdgeInsets.only(left: 38),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(book.effectSummary, style: theme.textTheme.bodySmall),
+                  if (book.tradeoff != null)
+                    Text(
+                      '대가 · ${book.tradeoff}',
+                      style: theme.textTheme.bodySmall,
+                    ),
+                  // 효과가 아직 판정에 없으면 그렇다고 밝힌다. 있는 척하지 않는다.
+                  if (!book.combatEffect)
+                    Text(
+                      '효과를 준비하고 있어요',
+                      key: ValueKey('pending-${book.code}'),
+                      style: theme.textTheme.labelSmall,
+                    ),
+                ],
               ),
+            ),
           ],
         ),
       ),