helix-front/client/app/dashboard/dashboard.component.scss

:host {
  width: 100%;
  height: 100%;
}

.cluster-dashboard {
  width: 800px;
  height: 600px;
}

.info {
  font-size: 12px;
  height: 36px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
  line-height: 24px;
}

.oval {
  width: 80px;
  height: 24px;
  background-color: #7fcac3;
  border: 1px solid #65a19c;
  -moz-border-radius: 80px / 24px;
  -webkit-border-radius: 80px / 24px;
  border-radius: 80px / 24px;
}

.rectangle {
  width: 80px;
  height: 24px;
  background-color: #90caf9;
  border: 1px solid #73a1c7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.hint {
  color: gray;
}