fix:mobile improvements

resources/views/api/api-token-manager.blade.php

@@ -48,7 +48,7 @@
     </x-forms.form-section>
 
     @if ($this->user->tokens->isNotEmpty())
-        <x-section-border />
+        <x-section-border hide-on-mobile />
 
         <!-- Manage API Tokens -->
         <div class="mt-10 sm:mt-0">

resources/views/components/partials/side-bar.blade.php

@@ -22,7 +22,7 @@
 </x-menu>
 
 </div>
-<div class="p-4">
+<div class="px-3">
 
 <x-section-border />
 
@@ -30,7 +30,7 @@
     $user = auth()->user();
 @endphp
 
-<x-list-item :item="$user" avatar="profile_photo_url" value="name" sub-value="email" no-separator no-hover class="-mx-2 !-mt-3 rounded">
+<x-list-item :item="$user" avatar="profile_photo_url" value="name" sub-value="email" no-separator no-hover class="mb-3 !-mt-3 rounded">
     <x-slot:actions>
         <x-dropdown>
             <x-slot:trigger>
@@ -40,7 +40,7 @@
             <x-menu-item title="{{ __('Manage Profile') }}" icon="o-user" link="{{ @route('profile.show') }}" />
             <x-menu-item title="{{ __('Import / Export Data') }}" icon="o-cloud-arrow-down" link="{{ @route('import-export') }}" />                                    
 
-            <x-section-border class="py-3" />
+            <x-section-border class="py-1" />
 
             <x-menu-item title="{{ __('Log Out') }}" icon="o-power" onclick="event.preventDefault(); document.getElementById('logout').submit();" />
             <form id="logout" action="{{ route('logout') }}" method="POST" style="display: none;">

resources/views/components/section-border.blade.php

@@ -1,7 +1,7 @@
 
-<div class="hidden sm:block">
+<div {{ $attributes->class(['h-4 sm:h-auto' => $attributes->has('hide-on-mobile')]) }}>
     <div {{ $attributes->class(['py-6' => !$attributes->has('class')]) }}>
 
-        <div class="border-t border-gray-200 dark:border-gray-700"></div>
+        <hr class="hidden sm:block border-t border-gray-200 dark:border-gray-700" />
     </div>
 </div>

resources/views/import-export.blade.php

@@ -4,7 +4,7 @@
             
             @livewire('import-portfolios-field')
 
-            <x-section-border />
+            <x-section-border hide-on-mobile />
         </div>
 
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">

resources/views/profile/show.blade.php

@@ -5,7 +5,7 @@
             @if (Laravel\Fortify\Features::canUpdateProfileInformation())
                 @livewire('profile.update-profile-information-form')
 
-                <x-section-border />
+                <x-section-border hide-on-mobile />
             @endif
 
             @if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::updatePasswords()))
@@ -13,7 +13,7 @@
                     @livewire('profile.update-password-form')
                 </div>
 
-                <x-section-border />
+                <x-section-border hide-on-mobile />
             @endif
 
             @if (Laravel\Fortify\Features::canManageTwoFactorAuthentication())
@@ -21,7 +21,7 @@
                     @livewire('profile.two-factor-authentication-form')
                 </div>
 
-                <x-section-border />
+                <x-section-border hide-on-mobile />
             @endif
 
             <div class="mt-10 sm:mt-0">
@@ -29,7 +29,7 @@
             </div>
 
             @if (Laravel\Jetstream\Jetstream::hasAccountDeletionFeatures())
-                <x-section-border />
+                <x-section-border hide-on-mobile />
 
                 <div class="mt-10 sm:mt-0">
                     @livewire('profile.delete-user-form')