From f93fc4cf624670826d0fdf583751bb2d0dacf921 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Mon, 27 Jan 2020 23:28:07 +0530
Subject: [PATCH] :art: Minor UI styling

---
 assets/css/styles.scss |  4 ++++
 pages/index.vue        | 22 ++++++++++------------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 87cf8afc957..5906ac8860d 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -259,6 +259,10 @@ h4 {
   font-weight: 700;
 }
 
+hr {
+  border-bottom: 1px dashed var(--brd-color);
+}
+
 .tooltip {
   $bgcolor: var(--tt-color);
   $fgcolor: var(--fg-color);
diff --git a/pages/index.vue b/pages/index.vue
index b926ec18470..d0095e695d7 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -381,23 +381,21 @@
                   </div>
                 </div>
                 <div v-for="testReport in testReports">
-                  <div v-if="testReport.result" class="flex-wrap">
-                    <span :class="testReport.styles.class" class="info">
+                  <div v-if="testReport.startBlock" class="info">
+                    <h4>{{ testReport.startBlock }}</h4>
+                  </div>
+                  <p v-else-if="testReport.result" class="flex-wrap info">
+                    <span :class="testReport.styles.class">
                       <i class="material-icons">
                         {{ testReport.styles.icon }}
                       </i>
                       <span>&nbsp; {{ testReport.result }}</span>
+                      <span v-if="testReport.message">
+                        <label>&nbsp; • &nbsp; {{ testReport.message }}</label>
+                      </span>
                     </span>
-                    <ul v-if="testReport.message">
-                      <li>
-                        <label>{{ testReport.message }}</label>
-                      </li>
-                    </ul>
-                  </div>
-                  <div v-else-if="testReport.startBlock" class="info">
-                    <h4>{{ testReport.startBlock }}</h4>
-                  </div>
-                  <div v-else-if="testReport.endBlock"><br /></div>
+                  </p>
+                  <div v-else-if="testReport.endBlock"><hr /></div>
                 </div>
               </div>
             </li>