add fixed-layout for product table and make sure font size is relativ…

…e to container
uktrade · Dec 10, 2024 · a4c12e6 · a4c12e6
1 parent ab83f5e
commit a4c12e6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/api/letter_templates/templates/letter_templates/siel.html b/api/letter_templates/templates/letter_templates/siel.html
@@ -217,7 +217,7 @@ <h1>Standard Individual Export Licence</h1>
     </table>
 
 	<p style="page-break-before: always">
-    <table id="products-table">
+    <table id="products-table" class="fixed-layout">
         <tr>
         <td class="border-top-black padding-none align-centre" rowspan="999">
           <div class="text-large border-left-black border-bottom-black">1</div>

diff --git a/assets/css/siel_preview.css b/assets/css/siel_preview.css
@@ -2,8 +2,11 @@
     font-family: Helvetica;
     src: url("../fonts/Helvetica.ttf") format("truetype");
   }
+  .document {
+    container-type: inline-size;
+  }
   .document * {
-    font-size: 12px;
+    font-size: 1.75cqw;
     font-family: Helvetica;
     word-wrap: break-word;
   }