トップページのレイアウト修正

[Yuto5176]

お待たせしました、、、トップページの修正です

見た目で変わったところ

• pixel3a以外のスマートフォンでもレイアウトが崩れないようになった（はず）

  • 画面の横幅を基準に左右4%の余白
  • 居場所のカードは、中央から左右に0.05%+5dpの余白を開けて、これを超えない範囲で限界まで広がる感じ

• ランダム画像の文字の背景に半透明の黒帯がついた

• ランダム画像が何枚目かわかるように

  

• 居場所名をBoldに

• 居場所名がテキスト枠を超えた場合「...」で省略されるように

  

その他の修正したところ

• スクロールして端にきた時に出る青いアニメーションのうち、上端が出なかったのを出るように修正

  

• ConstraintLayoutで統一した

• ジャンルタイトル（囲碁など）〜居場所のカード4つを、top_page_layout.xmlに切り分けて、使いまわせるように

  

• その他細かい修正

今回やらなかったこと

• ランダム画像の5枚目の居場所名登録（Firebase側の問題）
• ランダム画像が何枚目かを示す下の記号が丸にならない問題
• タブレットの表示対応