From fb4af879673df4de84c5f459ea0fa93fc106a105 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <blacklight86@gmail.com>
Date: Tue, 2 Jul 2019 15:23:41 +0200
Subject: [PATCH] Style for the new sensors web plugin

---
 .../webpanel/plugins/sensors/index.scss       | 24 +++++++++++++++++++
 .../http/templates/plugins/sensors/index.html | 10 ++++----
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/platypush/backend/http/static/css/source/webpanel/plugins/sensors/index.scss b/platypush/backend/http/static/css/source/webpanel/plugins/sensors/index.scss
index 9106b20de..e46d20329 100644
--- a/platypush/backend/http/static/css/source/webpanel/plugins/sensors/index.scss
+++ b/platypush/backend/http/static/css/source/webpanel/plugins/sensors/index.scss
@@ -9,5 +9,29 @@
             &:hover { background: $hover-bg; }
         }
     }
+
+    .body {
+        display: flex;
+        flex-direction: column;
+        border: $default-border-3;
+        border-radius: 2rem;
+        margin: 2rem auto;
+        width: 80%;
+
+        .metric {
+            padding: 2rem;
+            border-bottom: $default-border-3;
+            border-radius: 2rem;
+
+            &:nth-child(odd) { background: rgba(255, 255, 255, 0.0); }
+            &:nth-child(even) { background: $default-bg-3; }
+            &:hover { background: $hover-bg; }
+
+            .value {
+                text-align: right;
+                font-weight: bold;
+            }
+        }
+    }
 }
 
diff --git a/platypush/backend/http/templates/plugins/sensors/index.html b/platypush/backend/http/templates/plugins/sensors/index.html
index 43a1403e6..09998fe05 100644
--- a/platypush/backend/http/templates/plugins/sensors/index.html
+++ b/platypush/backend/http/templates/plugins/sensors/index.html
@@ -1,16 +1,16 @@
 <script type="text/x-template" id="tmpl-sensors">
     <div class="sensors">
         <div class="head">
-            <button type="button" @click="refresh">
+            <button type="button" title="Refresh measurements" @click="refresh">
                 <i class="fa fa-sync"></i>
             </button>
         </div>
 
         <div class="body">
-            <sensor-metric v-for="metric in metrics"
-                           :key="metric.name"
-                           :name="metric.name"
-                           :value="metric.value">
+            <sensor-metric v-for="value, name in metrics"
+                           :key="name"
+                           :name="name"
+                           :value="value">
             </sensor-metric>
         </div>
     </div>