From 8a182e517ca0c33da5c0163a6ae9c9470ca9d3a5 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Sat, 8 Mar 2025 14:25:12 +0900
Subject: fix style

---
 frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx          | 6 ++++--
 frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx     | 4 +++-
 .../app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx  | 4 +++-
 3 files changed, 10 insertions(+), 4 deletions(-)

(limited to 'frontend/app/components')

diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
index d0e5a9a..7bfae6b 100644
--- a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
+++ b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
@@ -83,9 +83,11 @@ export default function GolfPlayAppGaming({
 			<div className="grow grid grid-cols-3 divide-x divide-gray-300">
 				<div className="p-4">
 					<div className="mb-2 text-xl font-bold">{problemTitle}</div>
-					<div className="p-2 grid gap-4">
+					<div className="p-2 flex flex-col gap-4">
 						<BorderedContainer>
-							<pre className="text-gray-700">{problemDescription}</pre>
+							<pre className="text-gray-700 whitespace-pre-wrap break-words">
+								{problemDescription}
+							</pre>
 						</BorderedContainer>
 						<BorderedContainer>
 							<div>
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx
index ade565f..226e1e2 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx
@@ -119,7 +119,9 @@ export default function GolfWatchAppGaming1v1({
 							{problemTitle}
 						</div>
 						<BorderedContainer>
-							<pre>{problemDescription}</pre>
+							<pre className="text-gray-700 whitespace-pre-wrap break-words">
+								{problemDescription}
+							</pre>
 						</BorderedContainer>
 					</div>
 				</div>
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
index f5766c0..7a36283 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
@@ -53,7 +53,9 @@ export default function GolfWatchAppGamingMultiplayer({
 							{problemTitle}
 						</div>
 						<BorderedContainer>
-							<pre>{problemDescription}</pre>
+							<pre className="text-gray-700 whitespace-pre-wrap break-words">
+								{problemDescription}
+							</pre>
 						</BorderedContainer>
 					</div>
 				</div>
-- 
cgit v1.2.3-70-g09d2