client/src/sass/application.scss

   1 @import '../../node_modules/video.js/dist/video-js.css';
   2
   3 body {
   4   padding: 20px;
   5
   6   @media screen and (max-width: 400px) {
   7     padding: 3px;
   8   }
   9 }
  10
  11 menu {
  12   @media screen and (max-width: 600px) {
  13     margin-right: 3px !important;
  14     padding: 3px !important;
  15     min-height: 400px !important;
  16   }
  17
  18   min-height: 600px;
  19   margin-right: 20px;
  20   border-right: 1px solid rgba(0, 0, 0, 0.2);
  21
  22   .panel-block:not(:last-child) {
  23     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  24   }
  25
  26   .panel-button {
  27     margin: 8px;
  28     cursor: pointer;
  29     transition: margin 0.2s;
  30
  31     &:hover {
  32       margin-left: 15px;
  33     }
  34
  35     a {
  36       color: #333333;
  37     }
  38   }
  39
  40   .glyphicon {
  41     margin: 5px;
  42   }
  43 }
  44
  45 .ng2-smart-table-container {
  46   .ng2-smart-table {
  47
  48     thead tr {
  49       border-top: 1px solid rgb(233, 235, 236)
  50     }
  51
  52     td, th {
  53       padding: 8px !important;
  54       color: #333333 !important;
  55       font-size: 14px !important;
  56     }
  57   }
  58
  59   .ng2-smart-pagination-nav .page-link {
  60     font-size: 11px !important;
  61   }
  62 }
  63
  64 [hidden] {
  65   display: none !important;
  66 }
  67
  68 input.readonly {
  69   /* Force blank on readonly inputs */
  70   background-color: #fff !important;
  71 }
  72
  73 .glyphicon-black {
  74   color: black;
  75 }
  76
  77 footer {
  78   border-top: 1px solid rgba(0, 0, 0, 0.2);
  79   padding-top: 10px;
  80   text-align: center;
  81   font-size: small;
  82   margin-top: 30px;
  83 }