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   display: inline-block;
  13   background: url('../../../assets/images/header/search.svg') no-repeat;
  14   background-size: contain;
  15   width: 25px;
  16   height: 21px;
  17   vertical-align: middle;
  18   cursor: pointer;
  19   // yolo
  20   position: absolute;
  21   margin-left: -50px;
  22   margin-top: 5px;
  23 }
  24
  25 .upload-button {
  26   @include peertube-button-link;
  27
  28   margin-right: 25px;
  29
  30   .icon.icon-upload {
  31     display: inline-block;
  32     background: url('../../../assets/images/header/upload.svg') no-repeat;
  33     background-size: contain;
  34     width: 22px;
  35     height: 24px;
  36     vertical-align: middle;
  37     margin-right: 6px;
  38   }
  39 }