HeaderJLでTLC付きナンバリングアイコンが上にずれるバグを修正

[TinyKitten]

Summary

• HeaderJL ヘッダーで Three Letter Code (TLC) 付きのナンバリングアイコン（例: SMB + JT 02）が上にはみ出して表示されるバグを修正
• NumberingIconSquare の tlcRoot スタイルにある alignSelf: 'flex-start' が親コンテナの alignItems: 'flex-end' を上書きしていたのが原因
• alignSelf: 'flex-start' を削除し、親の下揃え指定が正しく適用されるように修正

Test plan

• TLC 付き路線（JT 東海道線など）で HeaderJL のナンバリングアイコンが駅名と同じ高さに下揃えで表示されることを確認
• TLC なしの路線でも表示が崩れないことを確認
• タブレット・スマホ両方で確認

🤖 Generated with Claude Code

Summary by CodeRabbit

リリースノート

• スタイル修正
  • コンポーネントのレイアウト配置の動作を調整しました。

[coderabbitai]

📝 Walkthrough

Walkthrough

src/components/NumberingIconSquare.tsxのtlcRootスタイルからalignSelf: 'flex-start'を削除しました。この変更により、親要素のアラインメント設定に対するコンポーネントの明示的な自己アラインメント動作が削除されます。

Changes

コホート / ファイル	概要
スタイル調整 src/components/NumberingIconSquare.tsx	tlcRootスタイルからalignSelf: 'flex-start'プロパティを削除。コンポーネントのクロスアキシスアラインメント動作を変更。

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2分

Poem

✨ 一行削除して
レイアウト揺らす
ウサギの手による
優雅なスタイル調整 🐰
親の意思に任せて

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	プルリクエストのタイトルは、HeaderJLのナンバリングアイコンがTLC付きで上にずれるバグを修正することを明確に説明しており、変更セットの主な内容と完全に関連している。
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description check	✅ Passed	PR説明書は提供されたテンプレートの全必須セクションを網羅しており、変更内容、テスト計画が詳細に記述されています。

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/fix-tlc-numbering-icon-alignment

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}