Show synced nodes above non-synced nodes

packages/frontend/src/Connection.ts

@@ -15,6 +15,8 @@ export class Connection {
                                       ? `wss://${window.location.hostname}/feed/`
                                       : `ws://${window.location.hostname}:8080`;
 
+  // private static readonly address = 'wss://telemetry.polkadot.io/feed/';
+
   private static async socket(): Promise<WebSocket> {
     let socket = await Connection.trySocket();
     let timeout = TIMEOUT_BASE;

packages/frontend/src/components/Node.css

@@ -10,6 +10,7 @@
   top: 50%;
   left: 50%;
   cursor: pointer;
+  z-index: 1;
   transition: background-color 0.25s linear;
 }
 
@@ -18,11 +19,12 @@
 }
 
 .Node-Location-synced {
+  z-index: 2;
   background: #d64ca8;
 }
 
 .Node-Location:hover {
-  z-index: 2;
+  z-index: 3;
   background: #fff;
 }