feat: beautify result report

* add color for state string
* align extra info to right
* apply new mapclay rule, steps result about "prepare" has type="prepare"

1 files changed, 9 insertions, 1 deletions

diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index d84ec2b..7cb4d8c 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -694,17 +694,20 @@ root {
 
   transform: translate(-50%, -50%);
   overflow-y: scroll;
+  white-space: pre;
 
   details {
     margin-bottom: 0.5em;
   }
 
   summary {
+    max-width: 60%;
+
     cursor: pointer;
   }
 
   details > :not(summary) {
-    padding-left: 1em;
+    padding-left: 2em;
   }
 
   p {
@@ -718,4 +721,9 @@ root {
 
     background: #f0f0f0;
   }
+
+  .align-right {
+    display: inline-block;
+    float: right;
+  }
 }