client/src/app/+my-account/shared/actor-avatar-info.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .actor {
   5   display: flex;
   6
   7   img {
   8     @include avatar(50px);
   9
  10     margin-right: 15px;
  11   }
  12
  13   .actor-info {
  14     .actor-info-names {
  15       display: flex;
  16       align-items: center;
  17
  18       .actor-info-display-name {
  19         font-size: 20px;
  20         font-weight: $font-bold;
  21       }
  22
  23       .actor-info-username {
  24         margin-left: 7px;
  25         position: relative;
  26         top: 2px;
  27         font-size: 14px;
  28         color: $grey-actor-name;
  29       }
  30     }
  31
  32     .actor-info-followers {
  33       font-size: 15px;
  34     }
  35   }
  36 }
  37
  38 .button-file {
  39   @include peertube-button-file(160px);
  40
  41   margin-top: 10px;
  42   margin-bottom: 5px;
  43 }
  44
  45 .file-max-size {
  46   display: inline-block;
  47   font-size: 13px;
  48
  49   position: relative;
  50   top: -10px;
  51 }