Missing classes

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>
     );
   }
 }

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>
     );
   }

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%;