CSS change

Author: kum-deepak

src/app/status/status.component.css

@@ -4,6 +4,12 @@ div#status {
     font-size: 1.2em;
 }
 
+span#status-label {
+    display: inline-block;
+    width: 130px;
+    text-align: left;
+}
+
 div#indicator {
     width: 12px;
     height: 12px;

src/app/status/status.component.html

@@ -1,6 +1,6 @@
 <div id="status">
   <div id="indicator" class="{{connectionStatus$|async}}"></div>
-  <span>{{connectionStatus$|async}}</span>
+  <span id="status-label">{{connectionStatus$|async}}</span>
   <button class="btn" (click)="rxStompService.activate()">Activate</button>
   <button class="btn" (click)="rxStompService.deactivate()">DeActivate</button>
   <button class="btn" (click)="rxStompService.stompClient.forceDisconnect()">Simulate Error</button>