Node Styling in panel lists

Author: marcus-j-davies

plugins/UIBootstrap.html

@@ -265,7 +265,7 @@
 				</tr>
 				{{#each nodes}}
 					<tr>
-						<td style="text-align:center">{{nodeId}}</td>
+						<td style="text-align:center"><span class="zwjs-node-id">{{nodeId}}</span></td>
 						<td style="text-align:center">{{nodeName}}</td>
 						<td style="text-align:center">{{nodeLocation}}</td>
 
@@ -654,7 +654,7 @@ <h3>EXPERIMENTAL</h3>
 			<td>{{manufacturer}}</td>
 			<td>{{label}}</td>
 			<td style="text-align:center">{{shortDSK}}</td>
-			<td style="text-align:center">{{nodeId}}</td>
+			<td style="text-align:center"><span class="zwjs-node-id">{{nodeId}}</span></td>
 			<td style="text-align:center"><input type="checkbox" onchange="ZWaveJS.SetPEActive(this,'{{encode .}}')" {{checked}}/></td>
 			<td style="text-align:center"><i class="fa fa-trash" aria-hidden="true" style="font-size: 18px;color: red;" onclick="ZWaveJS.DeletePE(this,'{{encode .}}')""></i></td>
 		</tr>

resources/UITab/SideBar.js

@@ -1436,7 +1436,7 @@ const ZWaveJS = (function () {
 				const cell = row.insertCell();
 				cell.style.textAlign = 'center';
 				if (groups[col][i] !== undefined) {
-					cell.textContent = groups[col][i];
+					cell.innerHTML = `<span class="zwjs-node-id">${groups[col][i]}</span>`;
 				}
 			});
 		}