Layoutverbesserung, Fehler bei formartiertem Text

js/certibot.js

@@ -25,7 +25,7 @@ function BuildZIP() {
   function addFieldToTemplateIfChecked(fieldname, fieldtitle = "") {
     if (document.getElementById(fieldname).checked) {
       if (fieldtitle != "") {
-        fieldtitle = "<strong>" + fieldtitle + ":</strong> ";
+        fieldtitle = "<h2>" + fieldtitle + ":</h2> ";
       }
       return "\n\n\  <div class=\"left block\">" + fieldtitle + "$" + fieldname + "</div>";
     } else {
@@ -54,6 +54,8 @@ function BuildZIP() {
       /* Das Logo links oben soll maximal etwa die Hälfte der Seitenbreite einnehmen */\n\
       .logo img {\n\
         max-width: 45%;\n\
+        max-height: 5em;\n\
+        margin-top: 1em;\n\
       }\n\
       \n\
       /* Rechts oben das Ausstellungsdatum und die ausstellenden Personen platzieren */\n\
@@ -85,6 +87,9 @@ function BuildZIP() {
         break-inside: avoid;\n\
       }\n\
       \n\
+      .block h2 {\n\
+        font-size: 2vw;\n\
+      }\n\n\
       /* Linksbündiger Text */\n\
       .left {\n\
         text-align: left;\n\
@@ -98,6 +103,8 @@ function BuildZIP() {
       ul {\n\
         display: inline-block;\n\
         text-align: left;\n\
+        margin-top: 0 !important;\n\
+        margin-bottom: 0 !important;\n\
       }\n\
       \n\
       /* Größe des generierten QR-Codes */\n\
@@ -176,7 +183,7 @@ function BuildZIP() {
   }
 
   if (document.getElementById("qrcode").checked){
-    zertifikat += "\n\  <table><thead><tr><td></td></tr></thead><tbody><tr><td>";
+    zertifikat += "\n\  <table><thead><tr><td></td></tr></thead><tbody><tr><td>\n";
   }
   
   // Titel