デザインの微調整

[wassupdee]

概要

デザインの微調整を行う

---

背景・目的

これまで大まかなデザインを実装してきたが、色やスマホ画面での若干の配置のズレなどは残っていた為。

---

内容

• [x] ヘッダーの高さを、ログイン前・ログイン後同じにそろえる
• [x] 「Stay Friends～ともだちと再びつながるアプリ～」のFriendsと~の間にスペースを空ける
• [x] スマホ画面でも、ヘッダーを表示させる
• [x] フラッシュメッセージのデザインを統一する
• [x] ベースカラー、アクセントカラー、メインカラーを当てていく
  • [x] ページの背景色（ivory-white）
  • [x] ヘッダーの背景色（almond）
• [x] フッター
  • [x] 背景色を設定する
  • [x] 高さを調整
• [x] レスポンシブデザインのブレイクポイントをsm->mdへ変更
• [x] ボタンの色を黄色にする

---

対応しないこと

• 連絡帳のデザインは別イシューで対応

---

補足

This PR close #251