From dda9fe4920230a999f6582f1b25a4fe346aa5eb0 Mon Sep 17 00:00:00 2001
From: Christopher Hase <Christopher.Hase@telekom.de>
Date: Fri, 28 Mar 2025 11:23:31 +0100
Subject: [PATCH] create html part 35

---
 broker.ts | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/broker.ts b/broker.ts
index 6d41778..4ffdedf 100644
--- a/broker.ts
+++ b/broker.ts
@@ -126,10 +126,9 @@ function render(node: Node): string {
   switch (node.type) {
     case "Root":
       return render(node.child!);
-    case "Hexagram":
-      //node.value = node.value?.replace("</h1>", "</h1><div style=\"border: 1px solid gray; border-radius: 15px; padding: 15px; width: 400px; text-align: center; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);\"><h2>"); 
+    case "Hexagram":      
       //node.value = node.value?.replace("</h1>", "</h1><div style=\"border: 1px solid gray; border-radius: 25px; padding: 0 30px; width: auto; display: inline-block; text-align: center; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);\"><h2>"); 
-      node.value = node.value?.replace("</h1>", "</h1><div style=\"border: 1px solid gray; border-radius: 25px; padding-left: 30px; padding-right: 30px; padding-top: 30px; width: auto; display: inline-block; text-align: center; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);\"><h2>"); 
+      node.value = node.value?.replace("</h1>", "</h1><div style=\"border: 1px solid gray; border-radius: 25px; padding-left: 30px; padding-right: 30px; padding-top: 20px; width: auto; display: inline-block; text-align: center; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);\"><h2>"); 
       node.value = node.value?.replace("<br>", "  -  ");
       outputHTML = "<p>" + node.value + "</h2></div></p>";
       outputHTML = outputHTML + render(node.child!);
@@ -137,7 +136,7 @@ function render(node: Node): string {
       return outputHTML;
 
     case "ChangingLines" :
-      outputHTML = "<p style=\"color: gray;\">" + node.value + "</p>";
+      outputHTML = "<p style=\"color: gray;\"><div style=\"border: 1px solid gray; border-radius: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; width: auto; display: inline-block; text-align: center; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);\">" + node.value + "</div></p>";
       outputHTML = outputHTML + render(node.child!);
 
       return outputHTML;