From f9ad078c08038f619e3e865b7f55894f918011df Mon Sep 17 00:00:00 2001
From: Burak Civan <burakcivan22@gmail.com>
Date: Tue, 1 Jun 2021 15:02:51 +0300
Subject: [PATCH] Invoice styling edited again

---
 public/css/custom.css                         | 40 +++++++++++++++++++
 .../documents/form/line-item.blade.php        | 30 ++++----------
 2 files changed, 48 insertions(+), 22 deletions(-)

diff --git a/public/css/custom.css b/public/css/custom.css
index 8e9cd06c8..8d79abef3 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -1628,3 +1628,43 @@ table .align-items-center td span.badge {
     display: contents !important;
 }
 /* Select Tag Fixed Content Finish */
+
+@-moz-document url-prefix() {
+    .row-tax-clear {
+        max-width: 40px !important;
+    }
+    
+    .row-tax-value {
+        width: 167px !important;
+    }
+    
+    .row-tax-input {
+        width: 224px !important;
+    }
+  }
+
+.row-tax-clear {
+    max-width: 40px !important;
+}
+
+.row-tax-value {
+    width: 243px !important;
+}
+
+.row-tax-input {
+    width: 244px !important;
+}
+
+@media (max-width: 1300px) {
+    .row-tax-clear {
+        max-width: 40px !important;
+    }
+    
+    .row-tax-value {
+        width: 233px !important;
+    }
+    
+    .row-tax-input {
+        width: 234px !important;
+    }
+}
\ No newline at end of file
diff --git a/resources/views/components/documents/form/line-item.blade.php b/resources/views/components/documents/form/line-item.blade.php
index 97a04b43d..7102085ab 100644
--- a/resources/views/components/documents/form/line-item.blade.php
+++ b/resources/views/components/documents/form/line-item.blade.php
@@ -136,20 +136,6 @@
 
                         <td class="border-top-0 p-0" colspan="4">
                             <table class="w-100">
-                                <colgroup>
-                                    @if (!$hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
-                                    <col style="width: 25%;">
-                                    <col style="width: 30%;">
-                                    <col style="width: 55%;">
-                                    <col style="width: 40px;">
-                                    @else
-                                    <col style="width: 10%;">
-                                    <col style="width: 10%;">
-                                    <col style="width: 42%;">
-                                    <col style="width: 40px;">
-                                    @endif
-                                </colgroup>
-
                                 <tbody>
 
                                     @if (!$hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
@@ -230,7 +216,7 @@
 
                                     <tr v-for="(row_tax, row_tax_index) in row.tax_ids"
                                     :index="row_tax_index">
-                                        <td class="pl-0 pb-0 border-0" :class="{'pb-2' : !row.add_tax}" style="width: 42%;">
+                                        <td class="pl-0 pb-0 border-0 row-tax-input" :class="{'pb-2' : !row.add_tax}" style="width: 244px;">
                                             <div>
                                                 <div style="float: left; margin-top: 15px; margin-right:2px">
                                                     {{ trans_choice('general.taxes', 1) }}
@@ -258,13 +244,13 @@
                                             </div>
                                         </td>
 
-                                        <td :class="{'pb-2' : !row.add_tax}" class="border-0 pb-0 text-right long-texts" style="width: 39%;">
+                                        <td :class="{'pb-2' : !row.add_tax}" class="border-0 pb-0 text-right long-texts row-tax-value" style="width: 243px;">
                                             <div>
                                                 {{ Form::moneyGroup('tax', '', '', ['required' => 'required', 'disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'row_tax.price', 'data-item' => 'total', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right input-price disabled-money') }}
                                             </div>
                                         </td>
 
-                                        <td class="pb-3 pl-2 align-bottom border-0" :class="{'pb-2' : !row.add_tax}" style="width:19%;" >
+                                        <td class="pb-3 pl-2 align-bottom border-0 row-tax-clear" :class="{'pb-2' : !row.add_tax}" style="max-width: 40px;">
                                             <button type="button" @click="onDeleteTax(index, row_tax_index)" class="btn btn-link btn-delete p-0">
                                                 <i class="far fa-trash-alt"></i>
                                             </button>
@@ -272,7 +258,7 @@
                                     </tr>
 
                                     <tr v-if="row.add_tax">
-                                        <td class="pl-0 border-0" style="width:42%;">
+                                        <td class="pl-0 border-0 row-tax-input" style="width: 244px;">
                                             <div>
                                                 <div style="float: left; margin-top: 15px; margin-right:2px;">
                                                     {{ trans_choice('general.taxes', 1) }}
@@ -322,18 +308,18 @@
                                             </div>
                                         </td>
 
-                                        <td class="border-0 text-right long-texts align-middle;" style="width:39%;">
+                                        <td class="border-0 text-right long-texts align-middle row-tax-value" style="width: 243px;">
                                             <div>
                                                 __
                                             </div>
                                         </td>
 
-                                        <td class="pb-3 pl-2 align-bottom border-0" style="width:19%;" >
-                                            @if (!$hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
+                                        <td class="pb-3 pl-2 align-bottom border-0 row-tax-clear" style="max-width: 40px;">
+                                        @if (!$hideDiscount && in_array(setting('localisation.discount_location'), ['item', 'both']))
                                                 <button type="button" @click="onDeleteTax(index, 999)" class="btn btn-link btn-delete p-0">
                                                     <i class="far fa-trash-alt"></i>
                                                 </button>
-                                            @endif
+                                        @endif
                                         </td>
                                     </tr>