From 43b8ac1d1f25555b9341485566c24c091692999b Mon Sep 17 00:00:00 2001
From: Farah <farah-bayat@hotmail.com>
Date: Tue, 1 Nov 2022 10:13:44 +0000
Subject: [PATCH] New fonts + alignment box correction

---
 app/templates/component.html | 53 ++++++++++++++++++++++++------------
 1 file changed, 36 insertions(+), 17 deletions(-)

diff --git a/app/templates/component.html b/app/templates/component.html
index 0129e24..95b8aed 100644
--- a/app/templates/component.html
+++ b/app/templates/component.html
@@ -29,7 +29,7 @@
     />
     <style>
       @import url("https://fonts.googleapis.com/css2?family=Oleo+Script:wght@700&display=swap");
-      @import url("https://fonts.googleapis.com/css2?family=Engagement&family=Lato:ital@1&family=Roboto+Condensed:wght@300&display=swap");
+      @import url('https://fonts.googleapis.com/css2?family=Engagement&family=PT+Sans+Caption&family=Roboto+Condensed:wght@300&display=swap');
     </style>
 
     <!-- local CSS -->
@@ -823,10 +823,9 @@
                           autocomplete="off"
                         >
                           <option
-                            value="Segoe UI, sans-serif, Helvetica, Arial"
+                            value="Segoe UI, sans-serif"
                             style="
-                              font-family: 'Segoe UI', sans-serif, Helvetica,
-                                Arial;
+                              font-family: 'Segoe UI', sans-serif;
                             "
                           >
                             Segoe UI
@@ -841,23 +840,43 @@
                           </option>
                           <option
                             value="Engagement, cursive"
-                            style="font-family: 'Engagement', cursive"
+                            style="font-family: 'Engagement', cursive;"
                           >
                             Engagement
                           </option>
                           <option
-                            value="Lato, sans-serif"
-                            style="font-family: 'Lato', sans-serif"
+                            value="Verdana, sans-serif"
+                            style="font-family: 'Verdana', sans-serif;"
                           >
-                            Lato
+                            Verdana
                           </option>
+                           <option
+                            value="Courier New, monospace"
+                            style="font-family: 'Courier New', monospace;"
+                          >
+                            Courier New
+                          </option>
+                           <option
+                            value="'Trebuchet MS, sans-serif"
+                            style="font-family: 'Trebuchet MS', sans-serif;"
+                          >
+                            Trebuchet MS
+                          </option> 
                           <option
-                            value="Times New Roman, Times, serif"
+                            value="Tahoma, sans-serif"
                             style="
-                              font-family: 'Times New Roman', Times, serif;
+                              font-family: 'Tahoma', sans-serif;
                             "
                           >
-                            Times New Roman
+                            Tahoma
+                          </option>
+                          <option
+                          value="PT Sans Caption, sans-serif"
+                          style="
+                            font-family: 'PT Sans Caption', sans-serif;
+                          "
+                          >
+                            PT Sans Caption
                           </option>
                           <option
                             value="Arial, Helvetica, sans-serif"
@@ -868,10 +887,9 @@
                             Arial
                           </option>
                           <option
-                            value="Lucida Console, 'Courier New', monospace"
+                            value="Lucida Console, monospace"
                             style="
-                              font-family: 'Lucida Console', 'Courier New',
-                                monospace;
+                              font-family: 'Lucida Console', monospace;
                             "
                           >
                             Lucida
@@ -929,14 +947,15 @@
                           <option
                             selected
                             value="left"
-                            style="text-align: left"
                           >
                             Left
                           </option>
-                          <option value="center" style="text-align: center">
+                          <option value="center"
+                          >
                             Center
                           </option>
-                          <option value="right" style="text-align: right">
+                          <option value="right"
+                          >
                             Right
                           </option>
                         </select>