client/src/app/app.component.scss

   1 header div {
   2   line-height: 25px;
   3   margin-bottom: 30px;
   4 }
   5
   6 menu {
   7   @media screen and (max-width: 600px) {
   8     margin-right: 3px !important;
   9     padding: 3px !important;
  10     min-height: 400px !important;
  11   }
  12
  13   min-height: 600px;
  14   margin-right: 20px;
  15   border-right: 1px solid rgba(0, 0, 0, 0.2);
  16
  17   .panel-button {
  18     margin: 8px;
  19     cursor: pointer;
  20     transition: margin 0.2s;
  21
  22     &:hover {
  23       margin-left: 15px;
  24     }
  25
  26     a {
  27       color: #333333;
  28     }
  29   }
  30
  31   .glyphicon {
  32     margin: 5px;
  33   }
  34 }
  35
  36 .panel-block:not(:last-child) {
  37   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  38 }
  39
  40 .router-outlet-container {
  41   @media screen and (max-width: 400px) {
  42     padding: 0 3px 0 3px;
  43   }
  44 }