projects/grid-failure-information-app/src/app/pages/grid-failure/grid-failure-list/grid-failure-list.component.scss

/********************************************************************************
 * Copyright (c) 2020 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 *
 * SPDX-License-Identifier: EPL-2.0
 ********************************************************************************/
.grid-failures-grid-wrapper {
  position: relative;
  height: 100%;
}

.header {
  justify-content: space-between;
}

.grid-failure-information-overview {
  position: relative;
  height: 90%;
}

.grid-failure-information-condensation {
  position: relative;
  height: 30%;
  margin-bottom: 65px;
}

.diverse-condensation-btns {
  display: flex;
  justify-content: flex-end;
}

.diverse-condensation-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #bdc3c7;
  background-color: #f5f7f7;
  margin-bottom: 1px;
  padding: 0px 7px 2px 7px;
}

#choosed-grid-failure-information-label {
  align-self: flex-end;
  margin-bottom: 12px;
}

.non-outline {
  box-shadow: none !important;
}
.diverse-options {
  display: flex;
  justify-content: flex-end;
  border: 1px solid #bdc3c7;
  background-color: #f5f7f7;
  margin-bottom: 1px;
  padding: 0px 7px 2px 7px;
}
.correctFormatting {
  min-width: 260px;
}
.diverse-btn {
  margin: 10px 0px 5px 5px;
}

.filter-switch {
  margin: 15px 15px 5px 5px;
}
.custom-control-label::before,
.custom-control-label::after {
  cursor: pointer;
}