Refactor <IdentityVerificationApp>

src/Apps/IdentityVerification/IdentityVerificationApp.tsx

@@ -7,7 +7,7 @@ import * as Schema from "Artsy/Analytics/Schema"
 import { ErrorPage } from "Components/ErrorPage"
 import { ErrorModal } from "Components/Modal/ErrorModal"
 import React, { useState } from "react"
-import { Meta, Title as HeadTitle } from "react-head"
+import { Title as HeadTitle } from "react-head"
 import {
   commitMutation,
   createFragmentContainer,
@@ -114,73 +114,53 @@ const IdentityVerificationApp: React.FC<Props> = ({ me, relay }) => {
     <AppContainer>
       <HeadTitle>Artsy | ID Verification</HeadTitle>
 
-      <Meta
-        name="viewport"
-        content="width=device-width, initial-scale=1, maximum-scale=5 viewport-fit=cover"
-      />
       <ErrorModal
         show={showErrorModal}
         contactEmail="verification@artsy.net"
-        onClose={() => {
-          setShowErrorModal(false)
-        }}
+        onClose={() => setShowErrorModal(false)}
       />
 
-      <Box px={[2, 3]} mb={6} mt={4}>
-        <Box
-          mx={["auto"]}
-          width={["100%", "80%"]}
-          maxWidth={"400px"}
-          textAlign="center"
+      <Box px="2" mb="6" mt="3" mx="auto" width="100%" maxWidth="400px">
+        <Serif size="6" textAlign="center">
+          Artsy identity verification
+        </Serif>
+
+        <Sans size="4" mt="2" weight="medium">
+          You’ll need
+        </Sans>
+        <Sans size="4">
+          • A camera on your phone or computer
+          <br />• Your government ID
+        </Sans>
+
+        <Sans size="4" mt="2" weight="medium">
+          Keep in mind
+        </Sans>
+        <Sans size="4">
+          • Verification will take 5–10 minutes
+          <br />
+          • The name on your ID must match the name on your payment method
+          <br />
+          • Your ID and photo will only be used for verification purposes, and
+          will not be shared
+          <br />
+          <br />
+          By clicking the button, you'll be redirected to our identity
+          verification partner.
+        </Sans>
+
+        <Button
+          mt="4"
+          width="100%"
+          loading={requesting}
+          onClick={() => {
+            setRequesting(true)
+            trackClickedContinueToVerification()
+            startIdentityVerification()
+          }}
         >
-          <Serif size="6" color="black100">
-            Artsy identity verification
-          </Serif>
-
-          <Box textAlign="left">
-            <Sans size="4" color="black100" mt={2} weight="medium">
-              You’ll need
-            </Sans>
-            <Sans size="4" color="black100">
-              • A camera on your phone or computer
-            </Sans>
-            <Sans size="4" color="black100">
-              • Your government ID{" "}
-            </Sans>
-            <Sans size="4" color="black100" mt={2} weight="medium">
-              Keep in mind
-            </Sans>
-            <Sans size="4" color="black100">
-              • Verification will take 5–10 minutes
-            </Sans>
-            <Sans size="4" color="black100">
-              • The name on your ID must match the name on your payment method
-            </Sans>
-            <Sans size="4" color="black100">
-              • Your ID and photo will only be used for verification purposes,
-              and will not be shared
-            </Sans>
-            <br />
-            <Sans size="4" color="black100">
-              By clicking the button, you'll be redirected to our identity
-              verification partner.
-            </Sans>
-          </Box>
-
-          <Button
-            loading={requesting}
-            block
-            width={["100%", 335]}
-            mt={4}
-            onClick={() => {
-              setRequesting(true)
-              trackClickedContinueToVerification()
-              startIdentityVerification()
-            }}
-          >
-            Continue to verification
-          </Button>
-        </Box>
+          Continue to verification
+        </Button>
       </Box>
     </AppContainer>
   )