diff --git a/components/AboutModal/index.scss b/components/AboutModal/index.scss index 6661df44..32f12aad 100644 --- a/components/AboutModal/index.scss +++ b/components/AboutModal/index.scss @@ -2,18 +2,17 @@ width: $unit * 60; section { - margin-bottom: $unit * 4; + margin-bottom: $unit; h2 { margin-bottom: $unit * 3; } } - .DialogDescription p { + .DialogDescription { font-size: $font-regular; line-height: 1.24; - margin: 0; - margin-bottom: $unit * 2; + margin-bottom: $unit; &:last-of-type { margin-bottom: 0; diff --git a/components/AboutModal/index.tsx b/components/AboutModal/index.tsx index 9c096f68..afcdbdba 100644 --- a/components/AboutModal/index.tsx +++ b/components/AboutModal/index.tsx @@ -20,19 +20,32 @@ const AboutModal = () => { - -

Granblue.team is a tool to save and share team compositions for Granblue Fantasy.

-

Start adding things to a team and a URL will be created for you to share it wherever you like, no account needed.

-

You can make an account to save any teams you find for future reference, or to keep all of your teams together in one place.

-
- Credits - -

Granblue.team was built by @jedmund with a lot of help from @lalalalinna and @tarngerine.

-
- Open Source - -

This app is open source. You can contribute on Github.

-
+ +
+ + Granblue.team is a tool to save and share team compositions for Granblue Fantasy. + + + Start adding things to a team and a URL will be created for you to share it wherever you like, no account needed. + + + You can make an account to save any teams you find for future reference, or to keep all of your teams together in one place. + +
+ +
+ Credits + + Granblue.team was built by @jedmund with a lot of help from @lalalalinna and @tarngerine. + +
+ +
+ Open Source + + This app is open source. You can contribute on Github. + +