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 .table-column-id {
  46   width: 200px;
  47 }
  48
  49 [hidden] {
  50   display: none !important;
  51 }
  52
  53 input.readonly {
  54   /* Force blank on readonly inputs */
  55   background-color: #fff !important;
  56 }
  57
  58 footer {
  59   border-top: 1px solid rgba(0, 0, 0, 0.2);
  60   padding-top: 10px;
  61   text-align: center;
  62   font-size: small;
  63   margin-top: 30px;
  64 }