middle table with goodalignment of numbers

diff --git a/template/pages/about/ga/2024/financialreport.html b/template/pages/about/ga/2024/financialreport.html
index 72ec6ecb05cb9ac7c2485b6b5b79d03ffe69828f..28a9052a440eaef5811a2a50780a53285148571b 100644 (file)
--- a/template/pages/about/ga/2024/financialreport.html
+++ b/template/pages/about/ga/2024/financialreport.html
@@ -81,82 +81,93 @@
 Association of Canada's turn to take most of them and the issue was settled,
 therefore stopping our expenses for that category.</p>
 <p>Conferences were overall very profitable for the year 2023.</p>
-<table border="1" cellpadding="2"><thead>
-  <tr>
-    <th>Items</th>
-    <th>Income</th>
-    <th>Expenses</th>
-    <th>Final results</th>
+<style type="text/css">
+.tg  {border-collapse:collapse;border-spacing:0;}
+.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
+  overflow:hidden;padding:10px 5px;word-break:normal;}
+.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
+  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
+.tg .tg-1wig{font-weight:bold;text-align:left;vertical-align:top}
+.tg .tg-l71o{font-style:italic;font-weight:bold;text-align:right;vertical-align:top}
+.tg .tg-lqy6{text-align:right;vertical-align:top}
+.tg .tg-0lax{text-align:left;vertical-align:top}
+.tg .tg-6t3r{font-style:italic;font-weight:bold;text-align:left;vertical-align:top}
+</style>
+<table class="tg"><thead>
+  <tr>
+    <th class="tg-1wig"><span style="font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Items</span></th>
+    <th class="tg-1wig"><span style="font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Income</span></th>
+    <th class="tg-1wig"><span style="font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Expenses</span></th>
+    <th class="tg-1wig"><span style="font-weight:700;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Final results</span></th>
   </tr></thead>
 <tbody>
   <tr>
-    <td>Membership</td>
-    <td>900.00</td>
-    <td>0.00</td>
-    <td>900.00</td>
+    <td class="tg-0lax"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Membership</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">900.00</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">0.00</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">900.00</span></td>
   </tr>
   <tr>
-    <td>Merchandise</td>
-    <td>10 351.90</td>
-    <td>-4 945.12</td>
-    <td>5 406.78</td>
+    <td class="tg-0lax"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Merchandise</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">10 351.90</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">-4 945.12</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">5 406.78</span></td>
   </tr>
   <tr>
-    <td>Conferences</td>
-    <td>522 540.97</td>
-    <td>-269 345.22</td>
-    <td>253 195.75</td>
+    <td class="tg-0lax"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Conferences</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">522 540.97</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">-269 345.22</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">253 195.75</span></td>
   </tr>
   <tr>
-    <td>Donations</td>
-    <td>2 119.52</td>
-    <td>0.00</td>
-    <td>2 119.52</td>
+    <td class="tg-0lax"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Donations</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">2 119.52</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">0.00</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">2 119.52</span></td>
   </tr>
   <tr>
-    <td>Financial</td>
-    <td>956.87</td>
-    <td>-10 574.56</td>
-    <td>-9 617.69</td>
+    <td class="tg-0lax"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Financial</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">956.87</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">-10 574.56</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">-9 617.69</span></td>
   </tr>
   <tr>
-    <td>Insurance</td>
-    <td>0.00</td>
-    <td>- 949.10</td>
-    <td>- 949.10</td>
+    <td class="tg-0lax"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Insurance</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">0.00</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">- 949.10</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">- 949.10</span></td>
   </tr>
   <tr>
-    <td>Taxes</td>
-    <td>0</td>
-    <td>-2 528.00</td>
-    <td>-2 528.00</td>
+    <td class="tg-0lax"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Taxes</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">0</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">-2 528.00</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">-2 528.00</span></td>
   </tr>
   <tr>
-    <td>Legals</td>
-    <td>0.00</td>
-    <td>-16 158.55</td>
-    <td>-16 158.55</td>
+    <td class="tg-0lax"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Legals</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">0.00</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">-16 158.55</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">-16 158.55</span></td>
   </tr>
   <tr>
-    <td>Others</td>
-    <td>0.00</td>
-    <td>-3 671.36</td>
-    <td>-3 671.36</td>
+    <td class="tg-0lax"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">Others</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">0.00</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">-3 671.36</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">-3 671.36</span></td>
   </tr>
   <tr>
-    <td>VAT not claimed yet</td>
-    <td>0</td>
-    <td>56931.73</td>
-    <td>56 931.73</td>
+    <td class="tg-0lax"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">VAT not claimed yet</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">0</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">56931.73</span></td>
+    <td class="tg-lqy6"><span style="font-weight:400;font-style:normal;text-decoration:none;color:#000;background-color:transparent">56 931.73</span></td>
   </tr>
   <tr>
-    <td>TOTAL</td>
-    <td>536 869.26</td>
-    <td>-251 240.18</td>
-    <td>285 629.08</td>
+    <td class="tg-6t3r"><span style="font-weight:700;font-style:italic;text-decoration:none;color:#000;background-color:transparent">TOTAL</span></td>
+    <td class="tg-l71o"><span style="font-weight:700;font-style:italic;text-decoration:none;color:#000;background-color:transparent">536 869.26</span></td>
+    <td class="tg-l71o"><span style="font-weight:700;font-style:italic;text-decoration:none;color:#000;background-color:transparent">-251 240.18</span></td>
+    <td class="tg-l71o"><span style="font-weight:700;font-style:italic;text-decoration:none;color:#000;background-color:transparent">285 629.08</span></td>
   </tr>
-</tbody></table>
-<p>The financial results for our events from 2023 can be seen broken down per
+</tbody></table><p>The financial results for our events from 2023 can be seen broken down per
 event in the table below. Be aware that some of the numbers below include
 invoices or incomes from other years (2022 or 2024).</p>
 <p>PGDay Paris and PGDay/MED lost some money. There were not a lot of attendees