Respect inline and block elements logic

Instead of using block tags (DIV) and applying CSS to make them behave
like inline tags, use SPAN tags.

Wrap the first line of items in their
own DIV tag to ensure the following content is not impacted.  Make the
description float so that the exta attributes can be side by side with
it.

lib/riemann/dash/public/eventPane.js

@@ -5,14 +5,16 @@ var eventPane = (function() {
   var fixedFields = ['host', 'service', 'time', 'state', 'metric', 'ttl', 'description', 'tags'];
   var fixedTemplate =
     _.template(
-      '<div class="host">{{-host}}</div>' +
-      '<div class="service">{{-service}}</div>' +
-      '<div class="state {{-state}}">{{-state}}</div>' +
-      '<div class="metric">{{-metric}}</div>' +
+      '<div>' +
+      '<span class="host">{{-host}}</span>' +
+      '<span class="service">{{-service}}</span>' +
+      '<span class="state {{-state}}">{{-state}}</span>' +
+      '<span class="metric">{{-metric}}</span>' +
       '<time class="absolute">{{-time}}</time>' +
-      '<div class="ttl">{{-ttl}}</div>' +
-      '<div class="tags">{{-tags}}</div>' +
-      '<div class="description">{{-description}}</description>');
+      '<span class="ttl">{{-ttl}}</span>' +
+      '<span class="tags">{{-tags}}</span>' +
+      '</div>' +
+      '<div class="description">{{-description}}</div>');
 
   var rowTemplate =
         _.template("<tr><td>{{-field}}</td><td>{{-value}}</td></tr>");

lib/riemann/dash/views/css.scss

@@ -147,7 +147,6 @@ html,table {
   }
 
   * {
-    float: left;
     padding: 3px;
   }
 
@@ -172,6 +171,7 @@ html,table {
   }
 
   .description {
+    float: left;
     clear: both;
     white-space: pre-wrap;
   }