fix a few things

dist/engineStyle.css

@@ -26,6 +26,8 @@ body {
 p,
 pre,
 h2,
+h3,
+h4,
 .text,
 td {
   color: var(--my-font-color); }
@@ -551,6 +553,8 @@ body {
 p,
 pre,
 h2,
+h3,
+h4,
 .text,
 td {
   color: var(--my-font-color); }
@@ -1967,6 +1971,8 @@ body {
 p,
 pre,
 h2,
+h3,
+h4,
 .text,
 td {
   color: var(--my-font-color); }
@@ -2366,7 +2372,6 @@ input[type="checkbox"] {
   justify-content: center;
   width: 100%;
   height: 100%;
-  overflow: auto;
   background-color: rbga(var(--my-background-color), 0.4); }
 
 .popup-box-content {
@@ -2406,8 +2411,7 @@ input[type="checkbox"] {
   border: 1px solid #fff;
   background-color: #000; }
 
-.dialog-box-container,
-#log-box-container {
+.dialog-box-container {
   display: block;
   position: absolute;
   z-index: 10;
@@ -2421,13 +2425,47 @@ input[type="checkbox"] {
   background-color: var(--my-background-color);
   border: 5px solid var(--my-highlight-color); }
 
-.dialog-box-content,
-#log-box-content {
+.log-box-container {
+  display: flex;
+  flex-flow: column;
+  background-color: gray;
+  width: 50%;
+  position: absolute;
+  left: 50%;
+  top: 40%;
+  margin: -10% 0 0 -25%;
+  height: auto;
+  max-height: 50%;
+  z-index: 10;
+  background-color: var(--my-background-color);
+  border: 2px solid var(--my-highlight-color); }
+
+.log-box-header {
+  background-color: #333;
+  border: 1px solid var(--my-highlight-color);
+  display: flex;
+  flex: row nowrap;
+  align-items: center;
+  justify-content: space-between; }
+
+.log-box-log-container {
+  max-width: 400px;
+  overflow-y: auto; }
+
+.log-box-button {
+  color: #aaa;
+  font-size: 16px;
+  font-weight: bold;
+  padding: 2px;
+  margin: 6px;
+  border: 1px solid #fff;
+  background-color: #000; }
+
+.dialog-box-content {
   z-index: 2;
   background-color: var(--my-background-color);
   padding: 10px; }
-  .dialog-box-content p span,
-  #log-box-content p span {
+  .dialog-box-content p span {
     padding: 0;
     margin: 0; }