client/src/app/+my-account/my-account-history/my-account-history.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .no-history {
   5   display: flex;
   6   justify-content: center;
   7   margin-top: 50px;
   8   font-weight: $font-semibold;
   9   font-size: 16px;
  10 }
  11
  12 .top-buttons {
  13   margin-bottom: 20px;
  14   display: flex;
  15   align-items: center;
  16   flex-wrap: wrap;
  17
  18   .history-switch {
  19     display: flex;
  20     flex-grow: 1;
  21
  22     label {
  23       margin: 0 0 0 5px;
  24     }
  25   }
  26
  27   .delete-history {
  28     @include peertube-button;
  29     @include grey-button;
  30     @include button-with-icon;
  31
  32     font-size: 15px;
  33   }
  34 }
  35
  36 .video {
  37   @include row-blocks;
  38
  39   .my-video-miniature {
  40     flex-grow: 1;
  41   }
  42 }
  43
  44 @media screen and (max-width: $mobile-view) {
  45   .top-buttons {
  46     .history-switch label, .delete-history {
  47       @include ellipsis;
  48     }
  49
  50     .history-switch label {
  51       width: 60%;
  52     }
  53
  54     .delete-history {
  55       margin-left: auto;
  56       max-width: 32%;
  57     }
  58   }
  59 }