helix-front/client/styles.scss

// Material Icons & Fonts
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic');

// ngx-vis styles (vis styles)
@import '~vis/dist/vis-network.min.css';

// ngx-datatable styles
@import '~@swimlane/ngx-datatable/release/index.css';
@import '~@swimlane/ngx-datatable/release/themes/material.css';
@import '~@swimlane/ngx-datatable/release/assets/icons.css';
// with overrides
.ngx-datatable.material {
  &.single-selection,
  &.multi-selection,
  &.multi-click-selection {
    .datatable-body-row {
      // use hand cursor for selectable rows
      cursor: pointer;

      &.active,
      &.active .datatable-row-group {
        background-color: #0077B5 !important;

        .datatable-body-cell {
          color: #FFF !important;
        }
      }
    }
  }
  // .datatable-body {
  //   .datatable-body-row {
  //     .datatable-body-cell {
  //       line-height: 40px;
  //     }
  //   }
  // }
}

body {
  font-family: Roboto, Arial, sans-serif;
  margin: 0;
  padding: 0;
  height: 100vh;
}