fix #22 - make accept button green and cancel button red

Author: cbellone

frontend/src/app/components/system-info/system-info.component.html

@@ -9,7 +9,7 @@ <h3>System Info</h3>
           <tbody>
             <tr><th>Leader:</th><td [class.text-success]="isLeader"><i class="fa fa-check-circle" *ngIf="isLeader"></i></td></tr>
             <tr><th>Name in cluster:</th><td><span class="badge badge-primary">{{nameInCluster}}</span></td></tr>
-            <tr><th>Cluster members:</th><td><span class="badge" *ngFor="let name of namesInCluster" [class.badge-primary]="name === nameInCluster" [class.badge-secondary]="name !== nameInCluster">{{name}}</span></td></tr>
+            <tr><th>Cluster members:</th><td><span class="badge" *ngFor="let name of namesInCluster" [class.badge-primary]="name === nameInCluster" [class.badge-default]="name !== nameInCluster">{{name}}</span></td></tr>
             <tr><th>Ip addresses:</th><td>{{ipAddresses}}</td></tr>
             <tr><th>Attendee data count:</th><td>{{attendeeDataCount}}</td></tr>
           </tbody>

frontend/src/styles.css

@@ -32,3 +32,19 @@ md-dialog-container.mat-dialog-container {
 .h-15 {
   height: 15% !important;
 }
+
+.ui-keyboard-accept {
+  color: white;
+  font-weight: bold;
+  background: #5cb85c;
+}
+
+.ui-keyboard-cancel {
+  color: white;
+  font-weight: bold;
+  background: #d9534f;
+}
+
+.ui-keyboard-button {
+  margin: 3px;
+}