トップページの配信予定を日付ごとに走査しやすいレイアウトにする

[ykzts]

概要

トップページの配信予定タイムラインで、日付見出しが右寄せ、動画カードが左寄せになっています。1件だけの日付グループでは両者が画面の反対側に離れ、デスクトップ幅で対応関係が分かりづらく、大きな空白も生じます。

確認環境

• apps/web
• viewport: 1440 x 1000
• トップページ /
• 1日あたり1件の配信予定が複数日存在するデータ

再現手順

1. デスクトップ幅でトップページを開く
2. 配信予定タイムラインまでスクロールする
3. 日付が右端、対応するカードが左端に表示されることを確認する

改善案

• 日付見出しをカードグリッドの開始位置に揃える
• または日付とカードを視覚的に結ぶタイムライン表現にする
• 1件・複数件のどちらでもグループ単位を走査しやすい余白と配置にする

受け入れ条件

• 各日付と所属する動画カードの対応が一目で分かる
• 1件のみのグループでも不自然な横方向の空白が生じない
• モバイル・タブレット・デスクトップで一貫した情報階層になる
• 1件と複数件のデータパターンを表示テストで検証する