Design „gestrichelt“ umgebaut und repariert

js/certibot.js

@@ -63,6 +63,9 @@ function BuildZIP() {
         font-size: 80%;\n\
         max-width: 40%;\n\
       }\n\
+      .praeambel {\n\
+        margin-top: 3em;\n\
+      }\n\
       \n\
       /* Hyperlinks in schwarz statt in blau */\n\
       a {\n\
@@ -71,7 +74,7 @@ function BuildZIP() {
       \n\
       /* Formatierung von Überschriften der höchsten Ebene */\n\
       h1 {\n\
-        margin: 1.5em 0;\n\
+        margin: 0.5em 0 1em 0;\n\
         font-size: 4vw;\n\
         clear: both;\n\
       }\n\
@@ -126,11 +129,14 @@ function BuildZIP() {
     case "gestrichelt":
     zertifikat += "\n\n\
       body {\n\
-        border: 3px dashed black;\n\
-        padding: 1em;\n\
-        background-color: #eaf3ff;\n\
         font-family: Courier;\n\
         font-size: 90%;\n\
+      }\n\
+      .praeambel {\n\
+        border: 3px dashed black;\n\
+        background-color: #eaf3ff;\n\
+        margin: 2em 0;\n\
+        padding: 1em;\n\
       }";
       break;
     case "papier":
@@ -188,8 +194,7 @@ function BuildZIP() {
   var titel =  document.getElementById("titel").value;
   if (titel == "")
     titel = "Leistungsnachweis";
-  zertifikat += "\n\
-  <h1>" + titel + "</h1>";
+  zertifikat += "\n\n\<div class=\"praeambel\">\n<h1>" + titel + "</h1>";
   
   // Name, Zeitraum, Titel
   zertifikat += "\n\
@@ -221,6 +226,9 @@ function BuildZIP() {
    zertifikat += "\n\n  <div style=\"text-align: left; display: inline-block; margin-right: 0.5em;\">Erzielter Kursfortschritt:</div>\n  <div style=\"width: 40%; border: 1px solid black; height: 1em; display: inline-block;\"><div id=\"progressbar\" style=\"background-color: green; height: 100%; font-size: 85%; color: white; width: 0%;\"><span id=\"progress\">$progress</span>%</div></div>\n  <script>document.getElementById(\"progressbar\").style.width=document.getElementById(\"progress\").innerHTML + \"%\";</script>";
   }
 
+  // .praeambel schließen
+  zertifikat += "\n\n</div>";
+
   // Beschreibung
   zertifikat += addFieldToTemplateIfChecked("description");