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

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .user {
   5   display: flex;
   6
   7   img {
   8     @include avatar(50px);
   9
  10     margin-right: 15px;
  11   }
  12
  13   .user-info {
  14     .user-info-names {
  15       display: flex;
  16       align-items: center;
  17
  18       .user-info-display-name {
  19         font-size: 20px;
  20         font-weight: $font-bold;
  21       }
  22
  23       .user-info-username {
  24         margin-left: 7px;
  25         position: relative;
  26         top: 2px;
  27         font-size: 14px;
  28         color: #777272;
  29       }
  30     }
  31
  32     .user-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 }
  52
  53 .user-quota {
  54   font-size: 15px;
  55   margin-top: 20px;
  56
  57   .user-quota-label {
  58     font-weight: $font-semibold;
  59   }
  60 }
  61
  62 .account-title {
  63   @include in-content-small-title;
  64
  65   margin-top: 55px;
  66   margin-bottom: 30px;
  67 }