From 1581701099fd76527bc57c6c8df2b0b0eda3a17d Mon Sep 17 00:00:00 2001
From: Lukas Thrane <76877975+Windove@users.noreply.github.com>
Date: Fri, 19 Apr 2024 13:01:19 +0200
Subject: [PATCH] fix responsiveness (#337)

---
 .../components/SatelliteResponsiveTable.tsx    | 18 +++++++++++++-----
 .../satelliteData/SatelliteStatsTableRow.tsx   |  6 ++++--
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/SatelliteResponsiveTable.tsx b/frontend/src/components/SatelliteResponsiveTable.tsx
index 8531d4c..5925910 100644
--- a/frontend/src/components/SatelliteResponsiveTable.tsx
+++ b/frontend/src/components/SatelliteResponsiveTable.tsx
@@ -42,16 +42,24 @@ export default function SatelliteResponsiveTable({
                         : "Here are some satellites currently being worked on."}
                 </PageSubtitle>
             </PageHeaderAndSubtitle>
-            <Table className="table-auto border-collapse rounded-md border-b border-white shadow">
+            <Table className="table-auto border-collapse border-b border-white shadow">
                 <TableHeader>
                     <TableRow className="border-y border-white px-3 py-2 text-left text-white">
                         <TableHead className="px-6">Name</TableHead>
                         {inOrbit ? (
                             <>
-                                <TableHead className="">Velocity</TableHead>
-                                <TableHead className="">Altitude</TableHead>
-                                <TableHead className="">Latitude</TableHead>
-                                <TableHead className="">Longitude</TableHead>
+                                <TableHead className="hidden min-w-[100px] sm:table-cell">
+                                    Velocity
+                                </TableHead>
+                                <TableHead className="min-w-[135px]">
+                                    Altitude
+                                </TableHead>
+                                <TableHead className="min-w-[100px]">
+                                    Latitude
+                                </TableHead>
+                                <TableHead className="min-w-[100px]">
+                                    Longitude
+                                </TableHead>
                             </>
                         ) : (
                             <TableHead>Mission Status</TableHead>
diff --git a/frontend/src/components/satelliteData/SatelliteStatsTableRow.tsx b/frontend/src/components/satelliteData/SatelliteStatsTableRow.tsx
index 4327f81..7be2aea 100644
--- a/frontend/src/components/satelliteData/SatelliteStatsTableRow.tsx
+++ b/frontend/src/components/satelliteData/SatelliteStatsTableRow.tsx
@@ -38,7 +38,9 @@ export default function SatelliteStatsTableRow({
         return (
             <TableRow>
                 <TableCell className="w-1/5 px-6">{satName}</TableCell>
-                <TableCell className="w-1/5">Loading...</TableCell>
+                <TableCell className="hidden w-1/5 sm:table-cell">
+                    Loading...
+                </TableCell>
                 <TableCell className="w-1/5">Loading...</TableCell>
                 <TableCell className="w-1/5">Loading...</TableCell>
                 <TableCell className="w-1/5">Loading...</TableCell>
@@ -55,7 +57,7 @@ export default function SatelliteStatsTableRow({
             }}
         >
             <TableCell className="w-1/5 px-6">{satName}</TableCell>
-            <TableCell className=" w-1/5">
+            <TableCell className="hidden w-1/5 sm:table-cell">
                 {satelliteInfo.velocity} km/s
             </TableCell>
             <TableCell className=" w-1/5">