client/src/app/account/account-videos/account-videos.component.scss

   1 .video {
   2   display: flex;
   3   height: 130px;
   4   padding-bottom: 20px;
   5
   6   &:not(:last-child) {
   7     margin-bottom: 20px;
   8     border-bottom: 1px solid #C6C6C6;
   9   }
  10
  11   my-video-thumbnail {
  12     margin-right: 10px;
  13   }
  14
  15   .video-info {
  16     flex-grow: 1;
  17
  18     .video-info-name {
  19       font-size: 16px;
  20       font-weight: $font-semibold;
  21     }
  22
  23     .video-info-date-views {
  24       font-size: 13px;
  25     }
  26   }
  27
  28   .edit-button {
  29     @include peertube-button-link;
  30
  31     font-size: 15px;
  32     font-weight: $font-semibold;
  33     color: #585858;
  34     background-color: #E5E5E5;
  35
  36     .icon.icon-edit {
  37       display: inline-block;
  38       background: url('../../../assets/images/account/edit.svg') no-repeat;
  39       background-size: contain;
  40       width: 21px;
  41       height: 21px;
  42       vertical-align: middle;
  43       position: relative;
  44       top: -2px;
  45     }
  46   }
  47 }