From 2c416c0c979450f4f5c45d3d4bdf3e10ac19b733 Mon Sep 17 00:00:00 2001
From: Sabrina <59457991+syenko@users.noreply.github.com>
Date: Tue, 12 Nov 2024 18:03:34 -0800
Subject: [PATCH 1/2] Add back credits on small screen sizes

---
 components/puzzlehunt.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/puzzlehunt.tsx b/components/puzzlehunt.tsx
index 0fb419d..e03f8c2 100644
--- a/components/puzzlehunt.tsx
+++ b/components/puzzlehunt.tsx
@@ -42,6 +42,9 @@ const TableHeaderCell = styled.th<{ hideSmall?: boolean }>`
   :last-of-type {
     border-top-right-radius: 20px;
   }
+  @media (max-width: 960px) {
+    padding: 10px 10px;
+  }
   ${(props) => props.hideSmall && hideSmallCss}
 `;
 
@@ -51,6 +54,9 @@ const TableCell = styled.td<{ hideSmall?: boolean }>`
   :last-of-type {
     border-right: none;
   }
+  @media (max-width: 960px) {
+    padding: 5px 5px;
+  }
   ${(props) => props.hideSmall && hideSmallCss}
 `;
 
@@ -76,7 +82,7 @@ export function PuzzlesTable({ puzzles }: { puzzles: Puzzle[] }) {
       <thead>
         <TableHeaderRow>
           <TableHeaderCell>Name</TableHeaderCell>
-          <TableHeaderCell hideSmall>Credits</TableHeaderCell>
+          <TableHeaderCell>Credits</TableHeaderCell>
           <TableHeaderCell>Puzzle</TableHeaderCell>
           <TableHeaderCell>Solution</TableHeaderCell>
         </TableHeaderRow>
@@ -85,7 +91,7 @@ export function PuzzlesTable({ puzzles }: { puzzles: Puzzle[] }) {
         {puzzles.map((puzzle, index) => (
           <TableRow key={index}>
             <TableCell>{puzzle.name}</TableCell>
-            <TableCell hideSmall>{puzzle.credits}</TableCell>
+            <TableCell>{puzzle.credits}</TableCell>
             <TableCell>
               <LinkComponent href={puzzle.puzzleLink} target="_blank">
                 Puzzle

From 5f99c60d8ebf9b5b050d1fced22e3a4ba4860d34 Mon Sep 17 00:00:00 2001
From: Sabrina <59457991+syenko@users.noreply.github.com>
Date: Tue, 12 Nov 2024 18:18:46 -0800
Subject: [PATCH 2/2] Make credits keep blocks of text together

---
 components/puzzlehunt.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/puzzlehunt.tsx b/components/puzzlehunt.tsx
index e03f8c2..42c3284 100644
--- a/components/puzzlehunt.tsx
+++ b/components/puzzlehunt.tsx
@@ -117,7 +117,7 @@ export function Credits({ credits }: { credits: { [id: string]: string[] } }) {
   return (
     <CreditsWrapper>
       {Object.entries(credits).map(([key, value]) => (
-        <div key={key}>
+        <div style={{ display: 'inline-block', width: '100%' }} key={key}>
           <h2>{key}</h2>
           <Paragraph>
             {value.map((person, index) => (