背景 / 問題
クラス管理（先生用）は画面が多いが、ページの構成要素（パンくず・タイトル・アクションの出し方・フッターのボタン配置）が画面ごとにまちまちで統一感がない。とくに:
- クラス一覧「クラスを作る」/ 課題一覧「課題を作る」「課題を再利用」/ クラス設定などは、現在表示中の画面の上にモーダルっぽい要素（枠＋陰影で浮かせる popover）をボタンで表示/非表示トグルする不自然な UX で、使いにくい。
- フォームの確定/キャンセルの配置が画面ごとにバラバラ（右下 / 左下 / 全幅縦積み / 左右逆）。
人間 DoD の結果、UI・UX に問題ないと感じたのは「課題詳細」と、そこから遷移する「Google Classroom に共有」だけだった。
決定した方針（インタビュー完了）
基本レイアウト＝「課題詳細 → Google Classroom に共有」の画面遷移を正とする。
- モーダル/ popover のトグルをやめ、専用の画面に遷移する。キャンセル or 保存（実行）で元の画面に戻る。
- 画面の基本構成: パンくず（現在地）＋ タイトル ＋ 本文（フォーム）＋ フッター。
- フッターのポリシー: プライマリー（保存/作成/実行）は右下、キャンセルは左下（
.form-footer = justify-content: space-between）。破壊的操作（アーカイブ等）は左端に分離。
- 必須未入力の間はプライマリーを非活性。
- 左右の余白・タイトルの太さも課題詳細/GC共有に合わせる。
対象と作業（このIssueで統一する）
| # |
画面 |
現状 |
変更 |
| 1 |
クラス一覧「クラスを作る」 |
インライン popover トグル・全幅縦積みボタン |
画面遷移（クラス一覧 > クラスを作る）＋フッター統一 |
| 2 |
クラス設定 |
カードをインラインフォームに置換 |
画面遷移（クラス一覧 > 設定）。減員警告・アーカイブ確認は維持、アーカイブは左端 |
| 3 |
課題一覧「課題を作る」 |
インライン popover トグル |
画面遷移（… > 課題一覧 > 課題を作る） |
| 4 |
課題一覧「課題を再利用」 |
インライン popover トグル |
画面遷移（… > 課題を再利用） |
| 5 |
GC インポート |
パンくず＋右下プライマリーのみ |
フッターをキャンセル左下/プライマリー右下に統一 |
| 6 |
評価 / みんなの課題カタログ 等 |
個別 |
フッター/余白/タイトルを基本レイアウトに合わせる（可能な範囲で） |
実装方針（技術）
スコープ / トラッキング
DoD
背景 / 問題
クラス管理（先生用）は画面が多いが、ページの構成要素（パンくず・タイトル・アクションの出し方・フッターのボタン配置）が画面ごとにまちまちで統一感がない。とくに:
人間 DoD の結果、UI・UX に問題ないと感じたのは「課題詳細」と、そこから遷移する「Google Classroom に共有」だけだった。
決定した方針（インタビュー完了）
基本レイアウト＝「課題詳細 → Google Classroom に共有」の画面遷移を正とする。
.form-footer=justify-content: space-between）。破壊的操作（アーカイブ等）は左端に分離。対象と作業（このIssueで統一する）
実装方針（技術）
課題一覧などをクリックでキャンセル相当。スコープ / トラッキング
feature/assignment-sharing）向けの修正として、別ブランチfeature/classroom-ui-unifyで実装し、PR をfeature/assignment-sharingに向けて作成する。DoD
boardPopover等）の除去