Improve formatting of tracker module scalar details view.

The scalar details view displays rows of metrics with units.  This
commit rounds the float value of the scalars to 4 decimal places, aligns
all of the values to the right for display, and splits out the units to
a separate table column so they can also be right aligned for display.
If the values and units were left in the same column it would be more
difficult to align.

Author: mgrauer

modules/tracker/models/pdo/ScalarModel.php

@@ -116,7 +116,7 @@ public function getOtherValuesFromSubmission($scalarDao)
 
         /** @var Zend_Db_Table_Row_Abstract $row */
         foreach ($rows as $row) {
-            $scalarDaos[$row['metric_name']] = $row['value'].' '.$row['unit'];
+            $scalarDaos[$row['metric_name']] = array('value' => number_format((float)$row['value'], 4, '.', ''), 'unit' => $row['unit']);
         }
 
         return $scalarDaos;

modules/tracker/public/css/scalar/scalar.details.css

@@ -38,6 +38,9 @@ table {
         font-weight: bold;
         padding-right: 6px;
     }
+    &.otherScalarTable td {
+        text-align: right;
+    }
 }
 
 div {

modules/tracker/public/scss/scalar/scalar.details.scss

@@ -137,8 +137,10 @@ if (count($this->extraParams)) {
          * @var string $metricName
          * @var float $value
          */
-        foreach ($this->otherValues as $metricName => $value) {
-            echo '<tr><th>'.$this->escape($metricName).':</th><td>'.$this->escape($value).'</td></tr>';
+        foreach ($this->otherValues as $metricName => $metricProperties) {
+            $metricValue = $metricProperties['value'];
+            $metricUnit = $metricProperties['unit'];
+            echo '<tr><th>'.$this->escape($metricName).':</th><td>'.$this->escape($metricValue).'</td><td>'.$this->escape($metricUnit).'</td></tr>';
         }
         ?>
         </tbody>