diff --git a/landing/siwe.css b/landing/siwe.css --- a/landing/siwe.css +++ b/landing/siwe.css @@ -10,8 +10,6 @@ justify-content: center; align-items: center; align-content: center; - padding-top: 20px; - padding-bottom: 50px; color: white; font-family: sans-serif; padding: 20px; diff --git a/web/account/siwe.css b/web/account/siwe.css --- a/web/account/siwe.css +++ b/web/account/siwe.css @@ -23,6 +23,14 @@ background-color: #1f1f1fff; } +div.siweLoginFormContainer p { + color: white; + font-family: sans-serif; + text-align: center; + padding-top: 14px; + font-size: 14px; +} + div.connectButtonContainer { width: 100%; display: flex; diff --git a/web/account/siwe.react.js b/web/account/siwe.react.js --- a/web/account/siwe.react.js +++ b/web/account/siwe.react.js @@ -102,8 +102,18 @@ ); } else if (signer) { siweLoginForm = ( -
- +
+
+ +
+

+ To complete the login process, you'll now be asked to sign a + message using your wallet. +

+

+ This signature will attest that your Ethereum identity is represented + by your new Comm identity. +

); } diff --git a/web/splash/splash.css b/web/splash/splash.css --- a/web/splash/splash.css +++ b/web/splash/splash.css @@ -7,4 +7,7 @@ div.loginContainer { display: flex; + justify-content: center; + align-items: center; + width: 400px; }