diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css index 26be9b5..2558c46 100644 --- a/make_post_sell/static/css/common.css +++ b/make_post_sell/static/css/common.css @@ -304,36 +304,40 @@ section.join-form { ============================================ */ .login-card { - max-width: 440px; - margin: var(--space-12) auto; - padding: var(--space-10) var(--space-8); + max-width: 420px; + margin: var(--space-10) auto; + padding: var(--space-8) var(--space-6); text-align: center; background-color: var(--surface-base); + border-radius: var(--radius-lg); + border: 1px solid var(--border-light); } .login-card-title { - margin-bottom: var(--space-2); + margin-bottom: var(--space-1); } .login-card-subtitle { - margin-bottom: var(--space-8); + margin-bottom: var(--space-6); color: var(--text-secondary); } .login-form { display: grid; - gap: var(--space-4); + gap: var(--space-3); text-align: left; } .login-form-label { - margin-bottom: calc(-1 * var(--space-2)); + margin-bottom: 0; } .login-form-input { + display: block; width: 100%; + min-width: 0; padding: var(--space-3) var(--space-4); - font-size: var(--text-md); + font-size: var(--text-base); border: 2px solid var(--border-default); border-radius: var(--radius-md); background-color: var(--input-bg); @@ -347,15 +351,14 @@ section.join-form { } .login-form-submit { - width: 100%; font-size: var(--text-base); - padding: var(--space-3) var(--space-6); + padding: var(--space-3) var(--space-4); cursor: pointer; } .login-card-hint { - margin-top: var(--space-6); - padding: var(--space-4); + margin-top: var(--space-4); + padding: var(--space-3) var(--space-4); background-color: var(--surface-dim); border-radius: var(--radius-md); text-align: left; @@ -385,6 +388,10 @@ section.join-form { justify-content: center; } +.landing-hero-ctas .mps-button { + min-width: 180px; +} + .landing-features { display: grid; grid-template-columns: repeat(3, 1fr); @@ -394,7 +401,7 @@ section.join-form { padding: 0 var(--space-6); } -.landing-feature-card { +.landing-feature-card.well { text-align: center; padding: var(--space-8) var(--space-6); } @@ -414,7 +421,7 @@ section.join-form { padding: 0 var(--space-6); } -.landing-cta-card { +.landing-cta-card.well { text-align: center; padding: var(--space-12) var(--space-8); } diff --git a/make_post_sell/templates/join-or-log-in.j2 b/make_post_sell/templates/join-or-log-in.j2 index 26693c1..ca7e20e 100644 --- a/make_post_sell/templates/join-or-log-in.j2 +++ b/make_post_sell/templates/join-or-log-in.j2 @@ -1,7 +1,7 @@ {% extends "base.j2" -%} {% block content -%}
-
+