Improve attributes display consistency

Use the same color for extra attribute names than for existing ttl and tags label. While here, remove extra colon after tags to match the other labels.
riemann · Oct 28, 2022 · 494f89d · 494f89d
1 parent 81d5d4d
commit 494f89d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/lib/riemann/dash/public/eventPane.js b/lib/riemann/dash/public/eventPane.js
@@ -17,7 +17,7 @@ var eventPane = (function() {
       '<pre class="description">{{-description}}</pre>');
 
   var rowTemplate =
-        _.template("<tr><td>{{-field}}</td><td>{{-value}}</td></tr>");
+        _.template('<tr><td class="field-name">{{-field}}</td><td>{{-value}}</td></tr>');
 
   // Hide the pane
   var hide = function() {

diff --git a/lib/riemann/dash/views/css.scss b/lib/riemann/dash/views/css.scss
@@ -167,7 +167,12 @@ html,table {
 
   .tags:before {
     color: $grey;
-    content: "tags: ";
+    content: "tags ";
+  }
+
+  .field-name {
+    color: $grey;
+    text-align: right;
   }
 
   .description {