From e3456f66b09ff4c3dae11133dce81426d5651e2d Mon Sep 17 00:00:00 2001
From: jlightner <jlightner@users.noreply.github.com>
Date: Sat, 4 Apr 2026 12:55:34 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20Added=20=E2=89=A4400px=20responsive=20b?=
 =?UTF-8?q?reakpoints=20to=20ConsentDashboard,=20CreatorS=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- "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
---
 .../src/pages/ConsentDashboard.module.css     | 22 +++++++++++++++++++
 frontend/src/pages/CreatorSettings.module.css | 17 ++++++++++++++
 frontend/src/pages/Login.module.css           | 12 ++++++++++
 frontend/src/pages/Register.module.css        | 12 ++++++++++
 4 files changed, 63 insertions(+)

diff --git a/frontend/src/pages/ConsentDashboard.module.css b/frontend/src/pages/ConsentDashboard.module.css
index dad93f6..8f2dac8 100644
--- a/frontend/src/pages/ConsentDashboard.module.css
+++ b/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;
+  }
+}
diff --git a/frontend/src/pages/CreatorSettings.module.css b/frontend/src/pages/CreatorSettings.module.css
index 7d3606f..d4e8989 100644
--- a/frontend/src/pages/CreatorSettings.module.css
+++ b/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;
+  }
+}
diff --git a/frontend/src/pages/Login.module.css b/frontend/src/pages/Login.module.css
index 6a2e143..f220130 100644
--- a/frontend/src/pages/Login.module.css
+++ b/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;
+  }
+}
diff --git a/frontend/src/pages/Register.module.css b/frontend/src/pages/Register.module.css
index e96175b..f2968e5 100644
--- a/frontend/src/pages/Register.module.css
+++ b/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;
+  }
+}