feat: Added ≤400px responsive breakpoints to ConsentDashboard, CreatorS…

- "frontend/src/pages/ConsentDashboard.module.css"
- "frontend/src/pages/CreatorSettings.module.css"
- "frontend/src/pages/Login.module.css"
- "frontend/src/pages/Register.module.css"

GSD-Task: S02/T02

frontend/src/pages/ConsentDashboard.module.css

@@ -142,3 +142,25 @@
   margin: 0;
   font-size: 0.9375rem;
 }
+
+/* ── Responsive ────────────────────────────────────────────────────────────── */
+
+@media (max-width: 400px) {
+  .videoRow {
+    padding: 1rem;
+  }
+
+  .toggleRow {
+    flex-wrap: wrap;
+    gap: 0.5rem;
+  }
+
+  .heading {
+    font-size: 1.125rem;
+  }
+
+  .historyEntry {
+    font-size: 0.75rem;
+    padding: 0.25rem 0.375rem;
+  }
+}

frontend/src/pages/CreatorSettings.module.css

@@ -113,3 +113,20 @@
   border-top: 1px solid var(--color-border);
   margin: 1.25rem 0;
 }
+
+/* ── Responsive ────────────────────────────────────────────────────────────── */
+
+@media (max-width: 400px) {
+  .section {
+    padding: 1rem;
+  }
+
+  .heading {
+    font-size: 1.125rem;
+  }
+
+  .button {
+    width: 100%;
+    text-align: center;
+  }
+}

frontend/src/pages/Login.module.css

@@ -111,3 +111,15 @@
 .link:hover {
   text-decoration: underline;
 }
+
+/* ── Responsive ────────────────────────────────────────────────────────────── */
+
+@media (max-width: 400px) {
+  .card {
+    padding: 1.5rem 1rem;
+  }
+
+  .title {
+    font-size: 1.25rem;
+  }
+}

frontend/src/pages/Register.module.css

@@ -114,3 +114,15 @@
 .link:hover {
   text-decoration: underline;
 }
+
+/* ── Responsive ────────────────────────────────────────────────────────────── */
+
+@media (max-width: 400px) {
+  .card {
+    padding: 1.5rem 1rem;
+  }
+
+  .title {
+    font-size: 1.25rem;
+  }
+}