Add disconnect style

Author: malcolm-sparkfun

kernel/src/components/MinimizedButton.ts

@@ -52,11 +52,13 @@ export class MinimizedButton {
 
   updateOnConnection(msg: string){
     this.statusIndicator.classList.add('connected');
+    this.statusIndicator.classList.remove('disconnected');
     this.deviceLabel.textContent = msg;
     this.element.title = `Open RedBoard Device Manager (${msg})`;
   }
   updateOnDisconnection(msg: string){
     this.statusIndicator.classList.add('disconnected');
+    this.statusIndicator.classList.add('connected');
     this.deviceLabel.textContent = msg;
     this.element.title = `Open RedBoard Device Manager (${msg})`;
   }

kernel/src/styles.ts

@@ -425,6 +425,10 @@ export const minimizedStyles = `
     background-color: #2ecc71;
   }
 
+  .status-indicator.connected {
+    background-color: #e74c3c;
+  }
+
   .device-label {
     font-size: 11px;
     color: #555;