diff --git a/frontend/src/components/Input.css b/frontend/src/components/Input.css index 13e1ba7..9b1452b 100644 --- a/frontend/src/components/Input.css +++ b/frontend/src/components/Input.css @@ -1,6 +1,6 @@ .input__label { display: block; - margin-bottom: 0.25rem; + margin-bottom: 0.4rem; font-size: 0.9rem; } diff --git a/frontend/src/index.css b/frontend/src/index.css index acfbbed..faed8bb 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -59,12 +59,20 @@ body { -moz-osx-font-smoothing: grayscale; } -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { font-family: 'Nunito', sans-serif; font-weight: 200; } -input, select, textarea, button { +input, +select, +textarea, +button { font-family: 'Nunito', sans-serif; font-size: 1rem; font-weight: 200; @@ -102,11 +110,11 @@ input, select, textarea, button { /* ── Form Controls ────────────────────────────────────────── */ .form-field { - margin-bottom: 1rem; + margin-bottom: 1.25rem; } .form-field--last { - margin-bottom: 1.5rem; + margin-bottom: 1.75rem; } .form-label { @@ -312,13 +320,39 @@ input, select, textarea, button { /* ── Spacing Helpers ──────────────────────────────────────── */ -.mb-0 { margin-bottom: 0; } -.mb-sm { margin-bottom: 0.5rem; } -.mb-md { margin-bottom: 1rem; } -.mb-lg { margin-bottom: 1.5rem; } -.mb-xl { margin-bottom: 2rem; } -.mt-0 { margin-top: 0; } -.mt-md { margin-top: 1rem; } +.mb-0 { + margin-bottom: 0; +} -.text-white { color: white; } -.text-white-sm { color: white; font-size: 0.85rem; } +.mb-sm { + margin-bottom: 0.5rem; +} + +.mb-md { + margin-bottom: 1rem; +} + +.mb-lg { + margin-bottom: 1.5rem; +} + +.mb-xl { + margin-bottom: 2rem; +} + +.mt-0 { + margin-top: 0; +} + +.mt-md { + margin-top: 1rem; +} + +.text-white { + color: white; +} + +.text-white-sm { + color: white; + font-size: 0.85rem; +} \ No newline at end of file diff --git a/frontend/src/pages/Login.css b/frontend/src/pages/Login.css index 8896e30..be5f67c 100644 --- a/frontend/src/pages/Login.css +++ b/frontend/src/pages/Login.css @@ -29,6 +29,8 @@ width: 100%; padding: 0.75rem; font-size: 1.2rem; + margin-top: 16px; + ; } .login-footer { @@ -42,8 +44,13 @@ } @keyframes fadeIn { - from { opacity: 0; } - to { opacity: 1; } + from { + opacity: 0; + } + + to { + opacity: 1; + } } .login-form-hidden { @@ -52,4 +59,4 @@ .login-form-visible { animation: fadeIn 2s ease-in-out forwards; -} +} \ No newline at end of file