amount styling for RTL

public/css/print.css

@@ -68,11 +68,26 @@ html[dir='rtl'] .right-column {
     margin-top: 8px;
 }
 
-.print-template .ml-1
+html[dir='ltr'] .print-template .ml-1
 {
     margin-left: 8px;
 }
 
+html[dir='rtl'] .print-template .ml-1
+{
+    margin-right: 8px;
+}
+
+html[dir='ltr'] .print-template .ml-2
+{
+    margin-right: 16px;
+}
+
+html[dir='rtl'] .print-template .ml-2
+{
+    margin-left: 16px;
+}
+
 .pl-head
 {
     padding-left: 18px;

resources/views/components/transactions/template/default.blade.php

@@ -368,11 +368,8 @@
                 <td valign="center" style="width:80%; display:block; float:right; background-color: #55588B; -webkit-print-color-adjust: exact; color:#ffffff; border-radius: 5px;">
                     <table>
                         <tr>
-                            <td valign="center" style="width: 80%; padding:0; font-size: 14px; font-weight:600; color:#ffffff;">
-                                {{ trans($textAmount) }}
-                            </td>
-
-                            <td valign="center" style="width: 20%; padding:0; font-size: 14px; color:#ffffff;">
+                            <td valign="center" style="font-size: 14px; color: #ffffff; padding: 0;">
+                                <span class="ml-2" style="font-weight: 600;">{{ trans($textAmount) }}</span>
                                 @money($transaction->amount, $transaction->currency_code, true)
                             </td>
                         </tr>