From cfd377e29c0fa6f10c4d6bf3f507de4ca2f0b10a Mon Sep 17 00:00:00 2001
From: FifthWit <fifthwitbusiness@gmail.com>
Date: Thu, 14 Aug 2025 15:44:50 -0500
Subject: Mobile Design looking decent

---
 frontend/src/components/Leaderboards.tsx |  2 +-
 frontend/src/components/Summary.tsx      | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

(limited to 'frontend/src/components')

diff --git a/frontend/src/components/Leaderboards.tsx b/frontend/src/components/Leaderboards.tsx
index 99481a2..1de9b08 100644
--- a/frontend/src/components/Leaderboards.tsx
+++ b/frontend/src/components/Leaderboards.tsx
@@ -51,7 +51,7 @@ const Leaderboards: React.FC<LeaderboardsProps> = ({ mapID }) => {
   }
 
   return (
-    <div>
+    <div className="text-foreground">
       {MessageDialogComponent}
       <section id="section6" className="summary2">
         <div
diff --git a/frontend/src/components/Summary.tsx b/frontend/src/components/Summary.tsx
index cdecf30..686652a 100644
--- a/frontend/src/components/Summary.tsx
+++ b/frontend/src/components/Summary.tsx
@@ -81,7 +81,7 @@ const Summary: React.FC<SummaryProps> = ({
 
   return (
     <>
-      <section id="section3" className="summary1">
+      <section id="section3" className="summary1 text-foreground">
         <div
           id="category"
           style={data.map.image === "" ? { backgroundColor: "#202232" } : {}}
@@ -174,8 +174,8 @@ const Summary: React.FC<SummaryProps> = ({
       </section>
       <section id="section4" className="summary1">
         <div id="difficulty">
-          <span>Difficulty</span>
-          {data.summary.routes[selectedRun].rating === 0 && <span>N/A</span>}
+          <span className="">Difficulty</span>
+          {data.summary.routes[selectedRun].rating === 0 && <span className="text-foreground">N/A</span>}
           {data.summary.routes[selectedRun].rating === 1 && (
             <span style={{ color: "lime" }}>Very easy</span>
           )}
@@ -255,9 +255,9 @@ const Summary: React.FC<SummaryProps> = ({
           ) : (
             ""
           )}
-          <h3>Route Description</h3>
+          <h3 className="font-semibold">Route Description</h3>
           <span id="description-text">
-            <ReactMarkdown>
+            <ReactMarkdown className="text-foreground">
               {data.summary.routes[selectedRun].description}
             </ReactMarkdown>
           </span>
-- 
cgit v1.2.3