client/src/app/header/header.component.scss

   1 #search-video {
   2   @include peertube-input-text($search-input-width);
   3   margin-right: 15px;
   4   padding-right: 25px; // For the search icon
   5
   6   &::placeholder {
   7     color: #000;
   8   }
   9 }
  10
  11 .icon.icon-search {
  12   @include icon(25px);
  13   height: 21px;
  14
  15   background-image: url('../../assets/images/header/search.svg');
  16
  17   // yolo
  18   position: absolute;
  19   margin-left: -50px;
  20   margin-top: 5px;
  21 }
  22
  23 .upload-button {
  24   @include peertube-button-link;
  25   @include orange-button;
  26
  27   margin-right: 25px;
  28
  29   .icon.icon-upload {
  30     display: inline-block;
  31     background: url('../../assets/images/header/upload.svg') no-repeat;
  32     background-size: contain;
  33     width: 22px;
  34     height: 24px;
  35     vertical-align: middle;
  36     margin-right: 6px;
  37   }
  38 }