m

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;
 }
 

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-0 {
-.mb-sm { margin-bottom: 0.5rem; }
+  margin-bottom: 0;
-.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; }
+.mb-sm {
-.text-white-sm { color: white; font-size: 0.85rem; }
+  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;
+}

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; }
+  from {
-  to { opacity: 1; }
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
 }
 
 .login-form-hidden {