diff --git a/app/(main)/[teamId]/page.js b/app/(main)/[teamId]/page.js index 0344bfb..60a9fa8 100644 --- a/app/(main)/[teamId]/page.js +++ b/app/(main)/[teamId]/page.js @@ -260,7 +260,7 @@ export default function TeamPage({ params }) { position: relative; overflow-x: hidden; width: 100%; - padding-bottom: 70px; + padding-bottom: 70px; } .content-wrapper { @@ -270,7 +270,8 @@ export default function TeamPage({ params }) { flex-direction: column; align-items: center; width: 100%; - padding: 80px 0 100px 0; + padding: 20px 0 120px 0; + flex-grow: 1; } .waves-container { @@ -339,28 +340,34 @@ export default function TeamPage({ params }) { z-index: 2; padding: 60px 20px 80px 20px; margin: 0 auto; - width: 90%; - max-width: 800px; + width: 90vw; flex: 1; - min-height: 60vh; + flex-grow: 1; + min-height: 70vh; + height: 100%; + margin-top: 30px; + margin-bottom: 40px; overflow-y: auto; } - @media (max-width: 768px) { + @media (max-width < 800px) { .scroll-background { width: 95%; padding: 50px 15px 70px 15px; - min-height: 50vh; + min-height: 60vh; } .members-title { - margin-top: -20px; + margin-top: -25px; } .team-actions { width: 90%; bottom: 70px; } + .member-card { + max-width: 300px; + } } .members-container { @@ -368,6 +375,7 @@ export default function TeamPage({ params }) { flex-direction: column; width: 100%; flex: 1; + flex-grow: 1; } .members-title { @@ -376,15 +384,16 @@ export default function TeamPage({ params }) { margin-bottom: 15px; color: #68543c; text-align: center; - margin-top: -30px; + margin-top: -50px; } .members-content { flex: 1; - overflow-y: auto; - padding: 10px; + flex-grow: 1; display: flex; flex-direction: column; + padding: 10px; + min-height: 200px; } .members-list { @@ -490,7 +499,7 @@ export default function TeamPage({ params }) { @media (min-height: 1000px) { .scroll-background { - min-height: 65vh; + min-height: 75vh; } } `} diff --git a/app/(main)/stats/page.js b/app/(main)/stats/page.js index 094dec7..93070d5 100644 --- a/app/(main)/stats/page.js +++ b/app/(main)/stats/page.js @@ -99,7 +99,7 @@ export default function StatsPage() { {clue.title || `Clue #${clue.id}`}
- {new Date(clue.found_at).toLocaleTimeString()} + Found at: {new Date(clue.found_at).toLocaleTimeString()}
@@ -109,7 +109,7 @@ export default function StatsPage() { )} -

+

Skipped Clues ({skippedClues?.length || 0})