From ecc2d1ca1a073c434f8c73da71eaf8cba7c4c8a6 Mon Sep 17 00:00:00 2001
From: Refringe <me@refringe.com>
Date: Thu, 8 Aug 2024 23:02:48 -0400
Subject: [PATCH] Mod Detail Page Main Card

Cleans up the main card on the mod detail page to make the SPT version more in-sync with the rest of the site.

Resolves #28
---
 database/factories/SptVersionFactory.php |  2 +-
 resources/views/mod/show.blade.php       | 13 +++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/database/factories/SptVersionFactory.php b/database/factories/SptVersionFactory.php
index e25d046..a891069 100644
--- a/database/factories/SptVersionFactory.php
+++ b/database/factories/SptVersionFactory.php
@@ -13,7 +13,7 @@ class SptVersionFactory extends Factory
     public function definition(): array
     {
         return [
-            'version' => $this->faker->numerify('1.#.#'),
+            'version' => $this->faker->numerify('SPT 1.#.#'),
             'color_class' => $this->faker->randomElement(['red', 'green', 'emerald', 'lime', 'yellow', 'grey']),
             'created_at' => Carbon::now(),
             'updated_at' => Carbon::now(),
diff --git a/resources/views/mod/show.blade.php b/resources/views/mod/show.blade.php
index 00ae244..8451457 100644
--- a/resources/views/mod/show.blade.php
+++ b/resources/views/mod/show.blade.php
@@ -6,7 +6,7 @@
         </h2>
     </x-slot>
 
-    <div class="grid grid-cols-1 lg:grid-cols-3 max-w-7xl mx-auto pb-6 px-4 gap-6 sm:px-6 lg:px-8">
+    <div class="grid grid-cols-1 lg:grid-cols-3 max-w-7xl mx-auto py-6 px-4 gap-6 sm:px-6 lg:px-8">
         <div class="lg:col-span-2 flex flex-col gap-6">
 
             {{-- Main Mod Details Card --}}
@@ -22,15 +22,12 @@
                     </div>
                     <div class="grow flex flex-col justify-center items-center sm:items-start text-gray-800 dark:text-gray-200">
                         <div class="flex justify-between items-center space-x-3">
-                            <h2 class="pb-1 sm:p-0 text-3xl font-bold text-gray-900 dark:text-white">
+                            <h2 class="pb-1 sm:pb-2 text-3xl font-bold text-gray-900 dark:text-white">
                                 {{ $mod->name }}
                                 <span class="font-light text-nowrap text-gray-700 dark:text-gray-400">
                                     {{ $latestVersion->version }}
                                 </span>
                             </h2>
-                            <span class="badge-version {{ $latestVersion->sptVersion->color_class }} inline-flex items-center rounded-md px-2 py-1 text-xs font-medium text-nowrap">
-                                {{ $latestVersion->sptVersion->version }}
-                            </span>
                         </div>
                         <p>
                             {{ __('Created by') }}
@@ -38,8 +35,12 @@
                                 <a href="{{ $user->profileUrl() }}" class="text-slate-600 dark:text-gray-200 hover:underline">{{ $user->name }}</a>{{ $loop->last ? '' : ',' }}
                             @endforeach
                         </p>
-                        <p>{{ $latestVersion->sptVersion->version }} {{ __('Compatible') }}</p>
                         <p>{{ Number::format($mod->total_downloads) }} {{ __('Downloads') }}</p>
+                        <p class="mt-2">
+                            <span class="badge-version {{ $latestVersion->sptVersion->color_class }} inline-flex items-center rounded-md px-2 py-1 text-xs font-medium text-nowrap">
+                                {{ $latestVersion->sptVersion->version }} {{ __('Compatible') }}
+                            </span>
+                        </p>
                     </div>
                 </div>
             </div>