client/src/app/+my-account/my-account-video-playlists/my-account-video-playlists.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .create-button {
   5   @include create-button;
   6 }
   7
   8 /deep/ .action-button {
   9   &.action-button-delete {
  10     margin-right: 10px;
  11   }
  12 }
  13
  14 .video-playlist {
  15   @include row-blocks;
  16
  17   .miniature-wrapper {
  18     flex-grow: 1;
  19
  20     /deep/ .miniature {
  21       display: flex;
  22
  23       .miniature-bottom {
  24         margin-left: 10px;
  25       }
  26     }
  27   }
  28
  29   .video-playlist-buttons {
  30     min-width: 190px;
  31   }
  32 }
  33
  34 .video-playlists-header {
  35   text-align: right;
  36   margin: 20px 0 50px;
  37 }
  38
  39 @media screen and (max-width: 800px) {
  40   .video-playlists-header {
  41     text-align: center;
  42   }
  43
  44   .video-playlist {
  45
  46     .video-playlist-buttons {
  47       margin-top: 10px;
  48     }
  49   }
  50 }