feat: coop leaderboards (#53)

Former-commit-id: ce710d4fc8821850c64777d90405bd4ad717961d

1 files changed, 26 insertions, 8 deletions

diff --git a/frontend/src/components/pages/summary.css b/frontend/src/components/pages/summary.css
index 6ac56eb..51f8515 100644
--- a/frontend/src/components/pages/summary.css
+++ b/frontend/src/components/pages/summary.css
@@ -326,21 +326,28 @@ p>span.portal-count{font-weight: bold;font-size: 100px;vertical-align: -15%;}
     padding: 10px 10px 0 10px;
 
 }
-#leaderboard-top>span{
-    display: flex;
-    place-items: flex-end;
-}
 
 
 #section6>hr{border: 1px solid #2b2e46;margin: 8px 20px 0px 20px;}
 #leaderboard-top{
     display: grid;
-    grid-template-columns: 7.5% 25% 7.5% 25% 20% 15%;
     font-size: 20px;
     height: 34px;
     padding-left: 60px;
     margin: 0 20px 0 20px;
 }
+#leaderboard-top>span{
+    
+    display: flex;
+    place-items: flex-end;
+}
+
+#runner{
+    display: grid;
+    grid-template-columns: 50% 50%;
+    align-items: end;
+}
+
 #page-number{
     display: flex;
     width: auto;
@@ -374,8 +381,7 @@ text-align: center;
     font-size: 20px;
     font-family: inherit;
     
-    
-    grid-template-columns: 3% 4.5% 25% 4% 3.5% 25% 20% 15%;
+    grid-template-columns: 3% 4.5% 40% 4% 3.5% 15% 15% 15%;
     display: grid;
 
     border: 0;
@@ -391,12 +397,24 @@ text-align: center;
     place-items: center;
     height: 44px;
 }
-.leaderboard-record>span>img{
+
+.leaderboard-record>div>span>img{
     height: 36px;
     border-radius: 50px;
     padding: 0;
     scale: .95;
 }
+.leaderboard-record>div{
+    display: grid;
+    grid-template-columns: 50% 50%;
+    place-items: left;
+}
+.leaderboard-record>div>span{
+    display: flex;
+    place-items: center;
+    height: 44px;
+}
+
 .leaderboard-record>span>button{
     background-color: #0000;
     border: 0;