From 4dd315f21f2c204be71ef1859aa2412233420517 Mon Sep 17 00:00:00 2001
From: Arda Serdar Pektezol <1669855+pektezol@users.noreply.github.com>
Date: Wed, 22 Oct 2025 16:09:09 +0400
Subject: feat/frontend: tidy up records view on mobile (#283)

---
 frontend/src/css/Maps.css    | 45 ++++++++++++++++++++++++++++++++++++++++++--
 frontend/src/css/Profile.css | 30 +++++++++++++++++++++++++++--
 2 files changed, 71 insertions(+), 4 deletions(-)

(limited to 'frontend/src/css')

diff --git a/frontend/src/css/Maps.css b/frontend/src/css/Maps.css
index 4ae6727..66e11c7 100644
--- a/frontend/src/css/Maps.css
+++ b/frontend/src/css/Maps.css
@@ -1050,7 +1050,21 @@ p>span.portal-count {
         padding-left: 10px;
         padding-right: 10px;
         margin: 0 10px;
-        min-width: max-content;
+        display: flex;
+        justify-content: flex-end;
+    }
+
+    #leaderboard-top>span,
+    #leaderboard-top>div#runner {
+        display: none;
+    }
+
+    #leaderboard-top>div#page-number {
+        display: flex;
+    }
+
+    #section6>hr {
+        display: none;
     }
 
     .leaderboard-record {
@@ -1059,8 +1073,30 @@ p>span.portal-count {
         padding-right: 10px;
         margin: 10px 10px 0 10px;
         width: calc(100% - 20px);
-        min-width: max-content;
         box-sizing: border-box;
+        grid-template-columns: 10% 0% 60% 10% 5% 15% 0% 0% !important;
+        align-items: center;
+    }
+
+    .leaderboard-record>div {
+        display: grid;
+        align-items: center;
+        height: 44px;
+    }
+
+    .leaderboard-record>div>a>span {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        width: 100%;
+        display: flex;
+        align-items: center;
+        height: 44px;
+    }
+
+    .leaderboard-record>span:nth-child(7),
+    .leaderboard-record>span:nth-child(8) {
+        display: none;
     }
 
     .leaderboard-record:last-child {
@@ -1071,6 +1107,11 @@ p>span.portal-count {
         height: 28px;
     }
 
+    .leaderboard-record>span>button:has(img[alt="download"]),
+    .leaderboard-record>span>button:has(img[alt="demo_id"]) {
+        display: none;
+    }
+
     #page-number>div {
         width: 80px;
     }
diff --git a/frontend/src/css/Profile.css b/frontend/src/css/Profile.css
index 2522602..ccf88f4 100644
--- a/frontend/src/css/Profile.css
+++ b/frontend/src/css/Profile.css
@@ -385,7 +385,20 @@ span.titles {
         padding-left: 10px;
         padding-right: 10px;
         margin: 0 10px;
-        min-width: max-content;
+        display: flex;
+        justify-content: flex-end;
+    }
+
+    #profileboard-top>span {
+        display: none;
+    }
+
+    #profileboard-top>div#page-number {
+        display: block;
+    }
+
+    #section3.profile1>hr {
+        display: none;
     }
 
     .profileboard-record {
@@ -394,8 +407,21 @@ span.titles {
         padding-right: 10px;
         margin: 10px;
         width: calc(100% - 20px);
-        min-width: max-content;
         box-sizing: border-box;
+        grid-template-columns: 28% 14% 9% 24% 5% 18% 0%;
+    }
+
+    .profileboard-record>span:nth-child(7),
+    .profileboard-record>span:nth-child(16),
+    .profileboard-record>span:nth-child(25),
+    .profileboard-record>span:nth-child(34),
+    .profileboard-record>span:nth-child(43) {
+        display: none;
+    }
+
+    .profileboard-record>span>button:has(img[alt="download"]),
+    .profileboard-record>span>button:has(img[alt="demo_id"]) {
+        display: none;
     }
 
     span.titles {
-- 
cgit v1.2.3