blueprints/common/eliot-ui/frontend-src/src/app/nodes/nodes.component.scss

   1 .maindiv {
   2   position: center;
   3   position: relative;
   4
   5
   6   .centerdiv {
   7
   8     width: 100%;
   9     margin: 0;
  10     position: absolute;
  11     padding-top: 30px;
  12
  13     .tablepage {
  14       position: relative;
  15       margin: 0 auto;
  16       width: 95%;
  17           mat-form-field {
  18             width: 100%;
  19             padding-left: 20px;
  20           }
  21           table {
  22             width: 100%;
  23           }
  24         .admin-template {
  25           float:right;
  26           padding-right:40px;
  27           padding-top: 25px;
  28         }
  29     }
  30     .nodetable {
  31         table {
  32           width: 100%;
  33         }
  34     }
  35   }
  36
  37 }
  38
  39
  40 .example-card {
  41   max-width: 300px;
  42   margin: 0 auto;
  43   text-align: center;
  44   background-color: lightskyblue;
  45 }
  46
  47 .edgenodes {
  48   text-align: center;
  49   margin: 0 auto;
  50   padding: 20px;
  51   display: flex;
  52   flex-wrap: nowrap;
  53 }
  54
  55 .edgenodescard{
  56   margin: 0 auto;
  57   display: inline-block;
  58   padding-right: 20px;
  59 }
  60
  61 .mat-table {
  62   background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174));
  63 }
  64
  65 mat-form-field{
  66   background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174));
  67 }
  68
  69 mat-paginator{
  70   background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174));
  71 }