Delete unused clusters css

app/assets/stylesheets/pages/clusters.scss

-.edit-cluster-form {
-  .clipboard-addon {
-    background-color: $white;
-  }
-}
-
-.cluster-application-row {
-  background: $gray-lighter;
-
-  &.cluster-application-installed {
-    background: none;
-  }
-
-  .settings-message {
-    padding: $gl-vert-padding $gl-padding-8;
-  }
-}
-
-@media (min-width: map-get($grid-breakpoints, md)) {
-  .cluster-application-list {
-    border: 1px solid $border-color;
-    border-radius: $border-radius-default;
-  }
-
-  .cluster-application-row {
-    border-bottom: 1px solid $border-color;
-    padding: $gl-padding;
-
-    &:last-child {
-      border-bottom: 0;
-      border-bottom-left-radius: calc(#{$border-radius-default} - 1px);
-      border-bottom-right-radius: calc(#{$border-radius-default} - 1px);
-    }
-  }
-}
-
-.cluster-application-logo {
-  border: 3px solid $white;
-  box-shadow: 0 0 0 1px $gray-normal;
-
-  &.avatar:hover {
-    border-color: $white;
-  }
-}
-
-.cluster-application-warning {
-  font-weight: bold;
-  text-align: center;
-  padding: $gl-padding;
-  border-bottom: 1px solid $white-normal;
-
-  .svg-container {
-    display: inline-block;
-    vertical-align: middle;
-    margin-right: $gl-padding-8;
-    width: 40px;
-    height: 40px;
-  }
-}
-
-.cluster-application-description {
-  flex: 1;
-}
-
-.cluster-application-disabled {
-  opacity: 0.5;
-}
-
-.clusters-dropdown-menu {
-  max-width: 100%;
-}
-
-.clusters-error-alert {
-  width: 100%;
-}
-
 .clusters-container {
-  .nav-bar-right {
-    padding: $gl-padding-top $gl-padding;
-  }
-
-  .card {
-    margin-bottom: $gl-vert-padding;
-  }
-
   .empty-state .svg-content img {
     width: 145px;
   }
@@ -100,71 +16,4 @@
       @include gl-flex-wrap;
     }
   }
-
-  .top-area .nav-controls > .btn.btn-add-cluster {
-    margin-right: 0;
-  }
-
-  .clusters-table {
-    background-color: $gray-light;
-    padding: $gl-padding-8;
-  }
-
-  .badge-light {
-    background-color: $white-normal;
-  }
-
-  .gl-responsive-table-row {
-    padding: $gl-padding;
-    border: 0;
-
-    &.table-row-header {
-      // stylelint-disable-next-line
-      background-color: none;
-      border: 0;
-      font-weight: bold;
-      color: $gray-500;
-    }
-  }
-}
-
-.cluster-warning {
-  @include alert-variant(theme-color-level('warning', $alert-bg-level), theme-color-level('warning', $alert-border-level), theme-color-level('warning', $alert-color-level));
-}
-
-.gcp-signup-offer {
-  border-left-color: $blue-500;
-
-  svg {
-    fill: $blue-500;
-    vertical-align: middle;
-  }
-
-  .gcp-signup-offer--content {
-    display: flex;
-
-    h4 {
-      font-size: 16px;
-      line-height: 24px;
-    }
-
-    .gcp-signup-offer--icon {
-      align-self: flex-start;
-    }
-  }
-}
-
-.cluster-deployments-warning {
-  color: $orange-500;
-}
-
-.badge.pods-badge {
-  color: $black;
-  font-weight: $gl-font-weight-bold;
-}
-
-.cluster-status-indicator {
-  &.disabled {
-    background-color: $gray-400;
-  }
 }

ee/app/assets/javascripts/clusters/components/environments.vue

@@ -120,7 +120,7 @@ export default {
 
       <!-- column: Pods in use -->
       <template #head(rolloutStatus)="data">
-        {{ data.label }} <span class="badge badge-pill pods-badge bold">{{ podsInUseCount }}</span>
+        {{ data.label }} <span class="badge badge-pill bold">{{ podsInUseCount }}</span>
       </template>
 
       <template #cell(rolloutStatus)="row">
@@ -150,10 +150,7 @@ export default {
 
         <!-- Empty state -->
         <div v-else class="deployments-empty d-flex">
-          <gl-icon
-            name="warning"
-            class="cluster-deployments-warning mr-2 align-self-center flex-shrink-0"
-          />
+          <gl-icon name="warning" class="gl-text-orange-500 mr-2 align-self-center flex-shrink-0" />
           <span>
             <gl-sprintf
               :message="