From c72ea6660d06ac347feafd6cbb8b3dc3c0f95c43 Mon Sep 17 00:00:00 2001
From: James Barnett <noreply@jamesbarnett.xyz>
Date: Sun, 8 Apr 2018 17:09:55 +0100
Subject: Improve layout on mobile devices and tablets

---
 public/javascripts/dash.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'public/javascripts/dash.js')

diff --git a/public/javascripts/dash.js b/public/javascripts/dash.js
index e3f39a9..821e9c1 100644
--- a/public/javascripts/dash.js
+++ b/public/javascripts/dash.js
@@ -11,7 +11,7 @@ var dash = {
   init: function(deviceId) {
     this.deviceId = deviceId;
 
-    $('#' + deviceId).addClass('active');
+    $('.' + deviceId).addClass('active');
 
     this.initRealtimeGauge();
     this.initRealtimeTrendChart();
@@ -305,7 +305,13 @@ var dash = {
       $("#power-state").text("OFF").attr("class", "label label-danger");
     }
 
-    $("#uptime").text(moment.duration(powerState.uptime, "seconds").format("d[d] h[h] m[m]"));
+    if(powerState.uptime === 0) {
+      $("#uptime").text("-");
+    }
+    else {
+      $("#uptime").text(moment.duration(powerState.uptime, "seconds").format("d[d] h[h] m[m]", {largest: 2}));
+    }
+    
   },
 
 };
-- 
cgit v1.2.3