From ff77a43dedfec8477dd2f614bd3156199bd4b2d9 Mon Sep 17 00:00:00 2001
From: Ricardo Hernandez-Montoya <rhernandez@gridhound.de>
Date: Thu, 13 Apr 2017 13:45:43 +0200
Subject: [PATCH] Missing classes

---
 src/components/widget-label.js | 4 +++-
 src/components/widget-value.js | 5 +++--
 src/styles/widgets.css         | 9 ---------
 3 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/components/widget-label.js b/src/components/widget-label.js
index 2c29650..0347778 100644
--- a/src/components/widget-label.js
+++ b/src/components/widget-label.js
@@ -12,7 +12,9 @@ import React, { Component } from 'react';
 class WidgetLabel extends Component {
   render() {
     return (
-      <h4>{this.props.widget.name}</h4>
+      <div className="label-widget">
+        <h4>{this.props.widget.name}</h4>
+      </div>
     );
   }
 }
diff --git a/src/components/widget-value.js b/src/components/widget-value.js
index c096695..0eb7a9d 100644
--- a/src/components/widget-value.js
+++ b/src/components/widget-value.js
@@ -35,9 +35,10 @@ class WidgetValue extends Component {
   }
 
   render() {
+    var value_to_render = Number(this.state.value);
     return (
-      <div>
-        {this.props.widget.name}: {this.state.value}
+      <div className="single-value-widget">
+        <strong>{this.props.widget.name}</strong> <span>{ Number.isNaN(value_to_render)?  NaN : value_to_render.toFixed(3) } </span>
       </div>
     );
   }
diff --git a/src/styles/widgets.css b/src/styles/widgets.css
index df4619e..e69fae9 100644
--- a/src/styles/widgets.css
+++ b/src/styles/widgets.css
@@ -248,15 +248,6 @@ div[class*="-widget"] .btn[disabled], .btn.disabled, div[class*="-widget"] input
 
 /* End Plots */
 
-/*.single-value-widget {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 95%;
-  height: 95%;
-}*/
-
 .single-value-widget {
     width: 100%;
     height: 100%;