diff --git a/src/app/components/login/login.css b/src/app/components/login/login.css index 556a354..87539da 100644 --- a/src/app/components/login/login.css +++ b/src/app/components/login/login.css @@ -218,12 +218,26 @@ h1 { animation: fadeIn 0.25s ease; } +.profile-grid { + display: grid; + grid-template-columns: 1fr; + gap: 10px; +} + .input-label { font-size: 13px; color: var(--muted); font-weight: 600; } +.optional-label { + display: inline-block; + margin-left: 4px; + font-weight: 500; + color: var(--muted); + letter-spacing: 0.01em; +} + .input-field { width: 100%; border: 1px solid var(--border); @@ -243,6 +257,13 @@ h1 { border-color: var(--error); } +.subtle-copy { + margin: -2px 0 4px; + color: var(--muted); + font-size: 13px; + line-height: 1.5; +} + .form-row { margin: 2px 0 6px; width: 100%; @@ -252,6 +273,7 @@ h1 { gap: 10px; } + .checkbox-wrapper { display: flex; align-items: center; diff --git a/src/app/components/login/login.html b/src/app/components/login/login.html index caf3036..99315bf 100644 --- a/src/app/components/login/login.html +++ b/src/app/components/login/login.html @@ -71,6 +71,11 @@