Document payment accordion styling..

akaunting · Jun 6, 2022 · 9128d3d · 9128d3d
1 parent c867aad
commit 9128d3d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/resources/views/components/documents/show/get-paid.blade.php b/resources/views/components/documents/show/get-paid.blade.php
@@ -27,7 +27,7 @@ class="px-3 py-1.5 mb-3 sm:mb-0 rounded-lg text-xs font-medium leading-6 bg-gree
 
             @if (! $hideAcceptPayment)
                 <x-link href="{{ route('apps.categories.show', [
-                        'alias' => 'payment-method', 
+                        'alias' => 'payment-method',
                         'utm_source' => $type,
                         'utm_medium' => 'app',
                         'utm_campaign' => trans('documents.accept_payment_online'),
@@ -86,7 +86,7 @@ class="text-purple mt-1"
                         >
                             <span class="border-b border-transparent transition-all hover:border-purple">
                                 {{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }}
-                            <span class="border-b border-transparent transition-all hover:border-purple">
+                            </span>
                         </x-button>
 
                         <span> - </span>

diff --git a/resources/views/components/documents/show/make-payment.blade.php b/resources/views/components/documents/show/make-payment.blade.php
@@ -26,7 +26,7 @@ class="px-3 py-1.5 mb-3 sm:mb-0 rounded-lg text-xs font-medium leading-6 bg-gree
             @stack('timeline_get_paid_body_button_payment_end')
         </div>
 
-        <div class="text-xs mt-1" style="margin-left: 0 !important;">
+        <div class="text-xs mt-4" style="margin-left: 0 !important;">
             <span class="font-medium">
                 {{ trans('bills.payment_made') }} :
             </span>
@@ -45,13 +45,17 @@ class="px-3 py-1.5 mb-3 sm:mb-0 rounded-lg text-xs font-medium leading-6 bg-gree
                         </br>
 
                         @if (! empty($transaction->contact) && $transaction->contact->email)
-                            <x-button id="button-email-send" class="text-purple" override="class" @click="onEmail('{{ route($transactionEmailRoute, $transaction->id) }}')">
-                                {{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
+                            <x-button id="button-email-send" class="text-purple mt-1" override="class" @click="onEmail('{{ route($transactionEmailRoute, $transaction->id) }}')">
+                                <span class="border-b border-transparent transition-all hover:border-purple">
+                                    {{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
+                                </span>
                             </x-button>
                         @else
                             <x-tooltip message="{{ trans('invoices.messages.email_required') }}" placement="top">
-                                <x-button class="text-purple" override="class" disabled="disabled">
-                                    {{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
+                                <x-button class="text-purple mt-1" override="class" disabled="disabled">
+                                    <span class="border-b border-transparent transition-all hover:border-purple">
+                                        {{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
+                                    </span>
                                 </x-button>
                             </x-tooltip>
                         @endif
@@ -61,10 +65,12 @@ class="px-3 py-1.5 mb-3 sm:mb-0 rounded-lg text-xs font-medium leading-6 bg-gree
                         <x-button
                             @click="onEditPayment('{{ $transaction->id }}')"
                             id="button-edit-payment"
-                            class="text-purple"
+                            class="text-purple mt-1"
                             override="class"
                         >
-                            {{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }}
+                            <span class="border-b border-transparent transition-all hover:border-purple">
+                                {{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }}
+                            </span>
                         </x-button>
 
                         <span> - </span>
@@ -82,8 +88,8 @@ class="text-purple"
                             :title="trans('general.title.delete', ['type' => trans_choice('general.payments', 1)])"
                             :message="$message"
                             :label="trans('general.title.delete', ['type' => trans_choice('general.payments', 1)])"
-                            class="text-purple"
-                            text-class="text-purple"
+                            class="text-purple mt-1"
+                            text-class="border-b border-transparent transition-all hover:border-purple"
                             override="class"
                         />
                     </div>