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 /* some fixes for ng2-smart-table */
  46 ng2-smart-table {
  47   thead tr {
  48     border-top: 1px solid rgb(233, 235, 236)
  49   }
  50
  51   td, th {
  52     padding: 8px !important;
  53     color: #333333 !important;
  54     font-size: 14px !important;
  55   }
  56
  57   .ng2-smart-pagination-nav .page-link {
  58     font-size: 11px !important;
  59   }
  60
  61   .glyphicon {
  62     font-family: 'Glyphicons Halflings' !important;
  63   }
  64 }
  65
  66 [hidden] {
  67   display: none !important;
  68 }
  69
  70 input.readonly {
  71   /* Force blank on readonly inputs */
  72   background-color: #fff !important;
  73 }
  74
  75 .glyphicon-black {
  76   color: black;
  77 }
  78
  79 footer {
  80   border-top: 1px solid rgba(0, 0, 0, 0.2);
  81   padding-top: 10px;
  82   text-align: center;
  83   font-size: small;
  84   margin-top: 30px;
  85 }