ui: redesign

resources/views/livewire/team/create.blade.php

@@ -1,6 +1,6 @@
 <div>
     <h1>New Team</h1>
-    <div class="subtitle">Add a new team</div>
+    <div class="subtitle">Add a new team.</div>
     <form class="flex flex-col gap-2" wire:submit='submit'>
         <x-forms.input autofocus id="name" label="Name" required />
         <x-forms.input id="description" label="Description" />

resources/views/livewire/team/index.blade.php

@@ -28,9 +28,9 @@
         @else
             @if (currentTeam()->isEmpty())
                 <div class="pb-4">This will delete your team. Beware! There is no coming back!</div>
-                <x-new-modal isErrorButton buttonTitle="Delete">
+                <x-modal-confirmation isErrorButton buttonTitle="Delete">
                     This team be deleted. It is not reversible. <br>Please think again.
-                </x-new-modal>
+                </x-modal-confirmation>
             @else
                 <div>
                     <div class="pb-4">You need to delete the following resources to be able to delete the team:</div>

resources/views/livewire/team/member.blade.php

@@ -11,7 +11,7 @@
     <td class="px-5 py-4 text-sm whitespace-nowrap">
         {{ data_get($member, 'pivot.role') }}
     </td>
-    <td class="px-5 py-4 text-sm whitespace-nowrap">
+    <td class="flex gap-2 px-5 py-4 text-sm whitespace-nowrap">
         @if (auth()->user()->isAdminFromSession())
             @if ($member->id !== auth()->user()->id)
                 @if (auth()->user()->isOwner())

resources/views/livewire/team/storage/create.blade.php

@@ -1,6 +1,6 @@
 <div>
-    <h1>Create a new S3 Storage</h1>
-    <div class="subtitle">S3 Storage used to save backups / files</div>
+    <h1>New S3 Storage</h1>
+    <div class="subtitle">S3 Storage used to save backups / files.</div>
     <form class="flex flex-col gap-2" wire:submit='submit'>
         <div class="flex gap-2">
             <x-forms.input label="Name" id="name" />

resources/views/livewire/team/storage/form.blade.php

@@ -16,9 +16,9 @@
             <x-forms.button wire:click="test_s3_connection">
                 Validate Connection
             </x-forms.button>
-            <x-new-modal isErrorButton buttonTitle="Delete">
+            <x-modal-confirmation isErrorButton buttonTitle="Delete">
                 This storage will be deleted. It is not reversible. Your data won't be touched!<br>Please think again.
-            </x-new-modal>
+            </x-modal-confirmation>
         </div>
         <div class="flex gap-2">
             <x-forms.input label="Name" id="storage.name" />

resources/views/livewire/team/storage/index.blade.php

@@ -4,7 +4,7 @@
         ->currentTeam()" />
     <div class="flex items-start gap-2">
         <h2 class="pb-4">S3 Storages</h2>
-        <a  class="text-white hover:no-underline" href="/team/storages/new"> <x-forms.button class="btn">+ Add
+        <a  class="text-white hover:no-underline" href="/team/storages/new"> <x-forms.button >+ Add
             </x-forms.button></a>
     </div>
     <div class="grid gap-2 lg:grid-cols-2">