change song author and mapper name sizing

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">

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>

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