From 81d5d4dd4ea1d433bed4abae65bf98542bfa211f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Romain=20Tarti=C3=A8re?= <romain@blogreen.org>
Date: Fri, 28 Oct 2022 12:56:15 -1000
Subject: [PATCH] Display description using a monospaced font

Some metrics can contain multiple lines of output generated by a CLI
program that aligned information for bettear readibility (e.g. ps(1)
output of the cpu metric from riemann-health).

Swicth to a PRE tag to display this content preserving spacing.
---
 lib/riemann/dash/public/eventPane.js | 2 +-
 lib/riemann/dash/views/css.scss      | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/lib/riemann/dash/public/eventPane.js b/lib/riemann/dash/public/eventPane.js
index 2a4a709..f1865dc 100644
--- a/lib/riemann/dash/public/eventPane.js
+++ b/lib/riemann/dash/public/eventPane.js
@@ -14,7 +14,7 @@ var eventPane = (function() {
       '<span class="ttl">{{-ttl}}</span>' +
       '<span class="tags">{{-tags}}</span>' +
       '</div>' +
-      '<div class="description">{{-description}}</div>');
+      '<pre class="description">{{-description}}</pre>');
 
   var rowTemplate =
         _.template("<tr><td>{{-field}}</td><td>{{-value}}</td></tr>");
diff --git a/lib/riemann/dash/views/css.scss b/lib/riemann/dash/views/css.scss
index fbfd001..9e1b428 100644
--- a/lib/riemann/dash/views/css.scss
+++ b/lib/riemann/dash/views/css.scss
@@ -174,6 +174,7 @@ html,table {
     float: left;
     clear: both;
     white-space: pre-wrap;
+    margin: 3px;
   }
 }