From ee545c44239bf045a62b3177b54fd39c58963e0a Mon Sep 17 00:00:00 2001
From: KalebSchmidlkofer <kaleb@ashbyte.com>
Date: Fri, 27 Dec 2024 05:55:44 -0800
Subject: [PATCH] chore: formatting

---
 .../components/server/modrinth/DisplayMods.tsx    | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/resources/scripts/components/server/modrinth/DisplayMods.tsx b/resources/scripts/components/server/modrinth/DisplayMods.tsx
index 33b8cd15a..22fc51c60 100644
--- a/resources/scripts/components/server/modrinth/DisplayMods.tsx
+++ b/resources/scripts/components/server/modrinth/DisplayMods.tsx
@@ -129,7 +129,7 @@ const ProjectSelector: React.FC<Props> = ({ appVersion, baseUrl, nonApiUrl }) =>
                             <ContentBox className='p-3 rounded-xl mr-4'>
                                 <a href={`${nonApiUrl}/mod/${project.project_id}`} target='_blank' rel='noreferrer'>
                                     {project.icon_url && project.icon_url !== 'N/A' ? (
-                                        <img src={project.icon_url} className='mt-4 w-16 h-16 object-cover rounded' />
+                                        <img src={project.icon_url} className='mt-4 w-20 h-16 object-cover rounded' />
                                     ) : (
                                         <svg
                                             fillRule='evenodd'
@@ -162,15 +162,18 @@ const ProjectSelector: React.FC<Props> = ({ appVersion, baseUrl, nonApiUrl }) =>
                                 </p>
                                 <p className='text-sm text-gray-400'>{project.description}</p>
                             </div>
-                            <div className='text-right flex flex-col py-2 whitespace-nowrap'>
-                                <p className='text-sm inline-block '>
-                                    <p className='text-gray-600 inline'>Downloads: </p>
-                                    {formatNumber(project.downloads)}
+                            <div className='flex flex-col py-2 whitespace-nowrap px-6 mx-6 justify-end'>
+                                {/* Downloads */}
+                                <p className='text-sm inline-block whitespace-nowrap'>
+                                    {formatNumber(project.downloads)}{' '}
+                                    <p className='text-gray-600 inline ml-1'>Downloads</p>
                                 </p>
+                                {/* Version */}
                                 <p className='text-sm inline inline-block pt-2 whitespace-nowrap'>
-                                    <p className='text-gray-600 inline'>Latest: </p>
                                     {project.versions[project.versions.length - 1]}
+                                    <p className='text-gray-600 inline ml-2'>Latest</p>
                                 </p>
+                                {/* Install */}
                                 <a href='#' className='pt-4'>
                                     <button className='flex text-right border-2 border-solid rounded py-1 px-6 border-brand hover:border-white transition ease-in-out delay-300 hover:bg-red-600 hover:scale-110'>
                                         <HugeIconsDownload className='px-2 mx-2' fill='currentColor' />