From e88fb50b14257c277821f239b57ab5a4c8af5242 Mon Sep 17 00:00:00 2001
From: Liam <liam@fascinated.cc>
Date: Mon, 28 Oct 2024 21:05:29 +0000
Subject: [PATCH] change song author and mapper name sizing

---
 .../{score-rank-info.tsx => score-rank-and-date-info.tsx} | 2 +-
 projects/website/src/components/score/score-song-info.tsx | 8 +++++---
 projects/website/src/components/score/score.tsx           | 4 ++--
 3 files changed, 8 insertions(+), 6 deletions(-)
 rename projects/website/src/components/score/{score-rank-info.tsx => score-rank-and-date-info.tsx} (94%)

diff --git a/projects/website/src/components/score/score-rank-info.tsx b/projects/website/src/components/score/score-rank-and-date-info.tsx
similarity index 94%
rename from projects/website/src/components/score/score-rank-info.tsx
rename to projects/website/src/components/score/score-rank-and-date-info.tsx
index 8f2d036..327e38c 100644
--- a/projects/website/src/components/score/score-rank-info.tsx
+++ b/projects/website/src/components/score/score-rank-and-date-info.tsx
@@ -12,7 +12,7 @@ type Props = {
   leaderboard: ScoreSaberLeaderboard;
 };
 
-export default function ScoreRankInfo({ score, leaderboard }: Props) {
+export default function ScoreRankAndDateInfo({ score, leaderboard }: Props) {
   return (
     <div className="flex w-full flex-row justify-between lg:w-[125px] lg:flex-col lg:justify-center items-center">
       <div className="flex gap-1 items-center">
diff --git a/projects/website/src/components/score/score-song-info.tsx b/projects/website/src/components/score/score-song-info.tsx
index 77233e3..9bf48ed 100644
--- a/projects/website/src/components/score/score-song-info.tsx
+++ b/projects/website/src/components/score/score-song-info.tsx
@@ -56,18 +56,20 @@ export default function ScoreSongInfo({ leaderboard, beatSaverMap }: Props) {
         />
       </div>
       <div className="flex">
-        <div className="overflow-y-clip">
+        <div className="overflow-y-clip flex flex-col gap-1">
           <Link
             href={`/leaderboard/${leaderboard.id}`}
             className="cursor-pointer select-none hover:brightness-[66%] transform-gpu transition-all text-ssr w-fit"
           >
             {leaderboard.songName} {leaderboard.songSubName}
           </Link>
-          <div className="flex flex-row text-sm gap-2">
+          <div className="flex flex-row text-sm gap-1.5 items-end leading-none">
             <p className="text-gray-400">{leaderboard.songAuthorName}</p>
             <FallbackLink
               href={mappersProfile}
-              className={mappersProfile && "hover:brightness-[66%] transform-gpu transition-all w-fit"}
+              className={
+                mappersProfile && "hover:brightness-[66%] transform-gpu transition-all w-fit text-xs leading-none"
+              }
             >
               {leaderboard.levelAuthorName}
             </FallbackLink>
diff --git a/projects/website/src/components/score/score.tsx b/projects/website/src/components/score/score.tsx
index e66ec93..04c75c2 100644
--- a/projects/website/src/components/score/score.tsx
+++ b/projects/website/src/components/score/score.tsx
@@ -7,7 +7,7 @@ import { CubeIcon } from "@heroicons/react/24/solid";
 import { TrendingUpIcon } from "lucide-react";
 import ScoreButtons from "./score-buttons";
 import ScoreSongInfo from "./score-song-info";
-import ScoreRankInfo from "./score-rank-info";
+import ScoreRankAndDateInfo from "./score-rank-and-date-info";
 import ScoreStats from "./score-stats";
 import Card from "@/components/card";
 import { MapStats } from "@/components/score/map-stats";
@@ -126,7 +126,7 @@ export default function Score({ leaderboard, beatSaverMap, score, settings, high
   return (
     <div className="pb-2 pt-2">
       <div className={`grid w-full gap-2 lg:gap-0 ${gridColsClass}`}>
-        <ScoreRankInfo score={score} leaderboard={leaderboard} />
+        <ScoreRankAndDateInfo score={score} leaderboard={leaderboard} />
         <ScoreSongInfo leaderboard={leaderboard} beatSaverMap={beatSaverMap} />
         {!settings?.noScoreButtons && (
           <ScoreButtons