fix: change the scope of the styles to only be used in this component

src/app/launcher/create-app/link-accounts-createapp-step/link-accounts-createapp-step.component.html

@@ -1,4 +1,4 @@
-<div class="list-group list-view-pf list-view-pf-view selected-card">
+<div class="f8launcher-cluster-card list-group list-view-pf list-view-pf-view selected-card">
   <div class="list-group-item">
     <div class="list-view-pf-main-info">
       <div class="list-view-pf-body">
@@ -10,13 +10,13 @@
       </div>
     </div>
   </div>
-  <div class="list-group-item" *ngFor="let cluster of clusters" (click)="cluster.connected ? selectCluster(cluster) : null" [class.disabled]="!cluster.connected">
+  <div class="f8launcher-cluster list-group-item" *ngFor="let cluster of clusters" (click)="cluster.connected ? selectCluster(cluster) : null" [class.disabled]="!cluster.connected">
     <div class="list-view-pf-checkbox">
       <input name="cluster" type="radio" [(ngModel)]="clusterId" [value]="cluster.id" [disabled]="!cluster.connected">
     </div>
     <div class="list-view-pf-main-info">
       <div class="list-view-pf-left">
-        <span class="fa pficon-server list-view-pf-icon-sm openshift"></span>
+        <span class="f8launcher-cluster-icon fa pficon-server list-view-pf-icon-sm openshift"></span>
       </div>
       <div class="list-view-pf-body">
         <div class="list-view-pf-description">

src/app/launcher/create-app/link-accounts-createapp-step/link-accounts-createapp-step.component.less

@@ -1,30 +1,30 @@
 
-.list-view-pf .list-group-item:first-child:hover {
-  cursor: default;
-  background-color: #fff;
-}
-
-span.fa.pficon-server.list-view-pf-icon-sm.openshift {
-  font-size: 1em;
-}
-
-.list-group.list-view-pf.list-view-pf-view.selected-card {
-  margin: 0 20px;
-}
+.f8launcher {
+  &-cluster {
+    &:first-child:hover {
+      cursor: default;
+      background-color: #fff;
+    }
+    cursor: pointer;
+    .list-view-pf-checkbox {
+      margin-bottom: 10px;
+      margin-top: 10px;
+    }
+    .list-view-pf-main-info {
+      padding-bottom: 10px;
+      padding-top: 10px;
+    }
+    .list-view-pf-actions {
+      margin-bottom: 0;
+      margin-top: 0;
+    }
 
-.list-group-item {
-  cursor: pointer;
-  .list-view-pf-checkbox {
-    margin-bottom: 10px;
-    margin-top: 10px;
+    &-icon.pficon-server.list-view-pf-icon-sm.openshift {
+      font-size: 1em;
+    }
+    &-card {
+      margin: 0 20px;
+    }
   }
-  .list-view-pf-main-info {
-    padding-bottom: 10px;
-    padding-top: 10px;
-  }
-  .list-view-pf-actions {
-    margin-bottom: 0;
-    margin-top: 0;
-  }
-
 }
+