fix(styles): Enhanced the file upload styling.

Author: gedinakova

src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.scss

@@ -24,13 +24,46 @@
     align-items: center;
     gap: 8px;
 
+    input[type="file"] {
+        // Hide the default input
+        position: absolute;
+        opacity: 0;
+        width: 0.1px;
+        height: 0.1px;
+    }
+
     label {
         font-weight: 500;
+        padding: 10px 20px;
+        background-color: #fff;
+        border: 2px dashed #0078d4;
+        border-radius: 6px;
+        cursor: pointer;
+        color: #0078d4;
+        transition: all 0.3s ease;
+        display: inline-block;
+
+        &:hover {
+            background-color: #0078d4;
+            color: white;
+            border-style: solid;
+            transform: translateY(-1px);
+            box-shadow: 0 2px 8px rgba(0, 120, 212, 0.3);
+        }
+
+        &:active {
+            transform: translateY(0);
+        }
     }
 
     .file-name {
         color: #28a745;
         font-size: 0.9em;
+        font-weight: 500;
+        padding: 6px 12px;
+        background-color: #e8f5e9;
+        border-radius: 4px;
+        border: 1px solid #28a745;
     }
 }
 

src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts

@@ -108,7 +108,7 @@ export class ExportPdfCustomFontComponent implements OnInit {
         };
 
         if (this.builtInBoldFontData) {
-            options.customFont = {
+            options.customFont.bold = {
                 name: 'NotoSans-Bold',
                 data: this.builtInBoldFontData
             };