monitoring/CSS: Style pie charts in the service overview

refs #5543

modules/monitoring/application/views/scripts/list/services.phtml

@@ -86,10 +86,14 @@ if (! $this->compact): ?>
                     ) ?>
                     <span class="state-icons"><?= implode(' ', $this->serviceFlags($service)) ?></span>
                 </div>
-                <div class="sparkline-box"><?= $this->perfdata($service->service_perfdata, true, 5) ?></div>
-                <p class="overview-plugin-output">
-                    <?= $this->pluginOutput($this->ellipsis($service->service_output, 10000), true) ?>
-                </p>
+                <div class="overview-plugin-output-container">
+                    <div class="overview-performance-data">
+                        <?= $this->perfdata($service->service_perfdata, true, 5) ?>
+                    </div>
+                    <p class="overview-plugin-output">
+                        <?= $this->pluginOutput($this->ellipsis($service->service_output, 10000), true) ?>
+                    </p>
+                </div>
             </td>
         <?php foreach($this->addColumns as $col): ?>
             <td><?= $this->escape($service->$col) ?></td>

modules/monitoring/public/css/tables.less

@@ -37,6 +37,18 @@
   font-size: @font-size-small;
 }
 
+
+// Container for plugin output and performance data in overviews
+.overview-plugin-output-container {
+  .clearfix();
+}
+
+// Performance data pies in overviews
+.overview-performance-data {
+  float: right;
+  font-size: @font-size-small;
+}
+
 // Plugin output in overviews
 .overview-plugin-output {
   color: @text-color-light;