CiCell: improve info box (preserve 'message' whitespace)

kaitai-io · Jun 12, 2021 · 1681be9 · 1681be9
1 parent 1aa2008
commit 1681be9
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/src/components/CiCell.vue b/src/components/CiCell.vue
@@ -2,10 +2,14 @@
   <td v-bind:class="cssClassObject" @click="details = !details">
     {{ data.status || "unknown" }}
     <div class="add-info" v-if="details && data.failure">
-      <p>
-        Message: {{ data.failure.message }}
-      </p>
-      <pre v-if="data.failure.trace">{{ data.failure.trace }}</pre>
+      <div v-if="data.failure.message">
+        Message:
+        <pre>{{ data.failure.message }}</pre>
+      </div>
+      <div v-if="data.failure.trace">
+        Stack trace:
+        <pre>{{ data.failure.trace }}</pre>
+      </div>
     </div>
   </td>
 </template>
@@ -69,5 +73,11 @@ th.section {
   position: absolute;
   background: #F0F0F0;
   border: 1px solid #A0A0A0;
+  padding: 1.5rem;
+}
+
+.add-info > :last-child,
+.add-info > :last-child :last-child {
+  margin-bottom: 0;
 }
 </style>