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 ::ng-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     ::ng-deep .miniature {
  21       display: flex;
  22
  23       .miniature-info {
  24         margin-left: 10px;
  25         width: auto;
  26       }
  27     }
  28   }
  29
  30   .video-playlist-buttons {
  31     min-width: 190px;
  32   }
  33 }
  34
  35 .video-playlists-header {
  36   text-align: right;
  37   margin: 20px 0 50px;
  38 }
  39
  40 @media screen and (max-width: 800px) {
  41   .video-playlists-header {
  42     text-align: center;
  43   }
  44
  45   .video-playlist {
  46
  47     .video-playlist-buttons {
  48       margin-top: 10px;
  49     }
  50   }
  51 }