Fix/style low batt image

LowPowerLab · LowPowerLab · commit b04446ef2d03 · 2017-06-13T13:09:08.000-04:00
diff --git a/www/index.html b/www/index.html
@@ -219,6 +219,9 @@
   .ui-page{ overflow-y:hidden !important; }
   
   div.popupInfo {max-width:90%;padding:0.7em;background-color: #fff;}
+  
+  .lowbattimg { animation: blinker 1.5s linear infinite; max-width:20px;position:absolute;left:78px;top:25px; }
+  @keyframes blinker { 50% { opacity: 0; } }
   </style>
 </head>
 <body>
@@ -943,7 +946,7 @@ <h3>Select date range for the CSV export</h3>
         nodes[node._id] = node;
         var nodeValue = metricsValues(node.metrics);
         var lowBat = node.metrics.V != null && node.metrics.V.value < 3.55;
-        var newLI = $('<li id="' +  node._id + '"><a node-id="' + node._id + '" href="#nodedetails" class="nodedetails"><img class="productimg" src="images/'+getNodeIcon(node)+'"><h2>' + (nodeResolveString(node.label, node.metrics) || node._id) + ' ' + resolveRSSIImage(node.rssi) + ' ' + (lowBat ? '<img src="images/lowbattery.png" style="max-width:32px"/> ' : '') + ago(node.updated, 0).tag + (node.hidden ? ' <img class="listIcon20px" src="images/icon_hidden.png" />' : '') + '</h2><p>' + (nodeResolveString(node.descr, node.metrics) || '&nbsp;') + '</p>' + (nodeValue ? '<span class="ui-li-count ui-li-count16">' + nodeValue + '</span>' : '') + '</a></li>');
+        var newLI = $('<li id="' +  node._id + '"><a node-id="' + node._id + '" href="#nodedetails" class="nodedetails"><img class="productimg" src="images/'+getNodeIcon(node)+'"><h2>' + (nodeResolveString(node.label, node.metrics) || node._id) + ' ' + resolveRSSIImage(node.rssi) + ' ' + (lowBat ? '<img src="images/lowbattery.png" class="lowbattimg"/> ' : '') + ago(node.updated, 0).tag + (node.hidden ? ' <img class="listIcon20px" src="images/icon_hidden.png" />' : '') + '</h2><p>' + (nodeResolveString(node.descr, node.metrics) || '&nbsp;') + '</p>' + (nodeValue ? '<span class="ui-li-count ui-li-count16">' + nodeValue + '</span>' : '') + '</a></li>');
         var existingNode = $('#nodeList li#' + node._id);
         if (node.hidden)
           if (showHiddenNodes)
