fix(SupportPage): add width:90% & textAlign:left

GaiAma · Jan 3, 2020 · 9a01083 · 9a01083
1 parent 056bf19
commit 9a01083
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/templates/SupportPage.js b/src/templates/SupportPage.js
@@ -132,6 +132,7 @@ const SupportPage = props => {
       <div
         sx={{
           mx: `auto`,
+          width: `90%`,
           maxWidth: `50rem`,
           display: `flex`,
           justifyContent: `space-around`,
@@ -159,6 +160,7 @@ const SupportPage = props => {
       <div
         sx={{
           mx: `auto`,
+          width: `90%`,
           maxWidth: `50rem`,
           display: `flex`,
           [media.lessThan(`medium`)]: {
@@ -303,6 +305,7 @@ const SupportPage = props => {
         sx={{
           mt: `5rem`,
           mx: `auto`,
+          width: `90%`,
           maxWidth: `50rem`,
           '& > h2': {
             marginBottom: `0.7rem`,
@@ -411,11 +414,12 @@ const SupportPage = props => {
         sx={{
           mt: `5rem`,
           mx: `auto`,
+          width: `90%`,
           maxWidth: `50rem`,
           [media.lessThan(`medium`)]: {
             '& div': {
               fontSize: `0.9rem`,
-              textAlign: `center`,
+              textAlign: [`left`, `center`],
             },
           },
         }}