client/src/sass/application.scss

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