Tweak system page design

public/build/filament/assets/filament.0b4b4c26.css

@@ -3305,8 +3305,8 @@ html {
 .mt-8{
   margin-top: 2rem;
 }
-.ml-4{
-  margin-left: 1rem;
+.ml-6{
+  margin-left: 1.5rem;
 }
 .mb-2{
   margin-bottom: 0.5rem;
@@ -3929,20 +3929,20 @@ html {
 .break-words{
   overflow-wrap: break-word;
 }
+.rounded-lg{
+  border-radius: 0.5rem;
+}
 .rounded-md{
   border-radius: 0.375rem;
 }
-.rounded{
-  border-radius: 0.25rem;
-}
 .rounded-full{
   border-radius: 9999px;
 }
 .rounded-xl{
   border-radius: 0.75rem;
 }
-.rounded-lg{
-  border-radius: 0.5rem;
+.rounded{
+  border-radius: 0.25rem;
 }
 .rounded-2xl{
   border-radius: 1rem;
@@ -4149,6 +4149,10 @@ html {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.py-5{
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
 .py-3{
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;

public/build/filament/manifest.json

@@ -1,6 +1,6 @@
 {
   "resources/css/filament.css": {
-    "file": "assets/filament.3f59be6e.css",
+    "file": "assets/filament.0b4b4c26.css",
     "src": "resources/css/filament.css",
     "isEntry": true
   }

resources/views/filament/pages/system.blade.php

@@ -1,5 +1,5 @@
 <x-filament::page>
-    <div class="px-4 py-3 rounded-md border border-gray-400">
+    <div class="px-4 py-4 rounded-lg border border-gray-400">
         <p>{{ __("Check your system's version here. If there's an update available you'll be able to press the update button to update your system.") }}</p>
 
         <ul class="mt-4">
@@ -9,7 +9,7 @@
         </ul>
 
         @if($this->hasAvailableUpdate())
-            <div class="mt-8 bg-primary-600 text-white rounded px-4 py-3">
+            <div class="mt-8 bg-primary-600 text-white rounded-lg px-4 py-3">
                 <h2 class="text-lg">{{ __('Update available') }}</h2>
                 <p>{{ __('An update is available for your system, please upgrade.') }}</p>
 
@@ -18,12 +18,12 @@
         @endif
     </div>
 
-    <div class="mt-8 pl-4 px-4 py-4 rounded-md border border-gray-400">
-        <ul class="list-disc ml-4">
-            <li><a class="text-primary-600" href="https://docs.ploi-core.io/">Ploi Core Docs</a></li>
-            <li><a class="text-primary-600" href="https://ploi.io/">Ploi Website</a></li>
-            <li><a class="text-primary-600" href="https://ploi.io/login">Ploi Panel</a></li>
-            <li><a class="text-primary-600" href="https://github.com/ploi-deploy/ploi-core">Ploi GitHub repository </a></li>
+    <div class="mt-8 pl-4 px-4 py-4 rounded-lg border border-gray-400">
+        <ul class="list-disc ml-6 text-gray-600">
+            <li><a class="text-primary-600 font-bold" href="https://docs.ploi-core.io/">Ploi Core Docs</a></li>
+            <li><a class="text-primary-600 font-bold" href="https://ploi.io/">Ploi Website</a></li>
+            <li><a class="text-primary-600 font-bold" href="https://ploi.io/login">Ploi Panel</a></li>
+            <li><a class="text-primary-600 font-bold" href="https://github.com/ploi-deploy/ploi-core">Ploi GitHub repository </a></li>
         </ul>
     </div>
 </x-filament::page>