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   @include orange-button;
  28
  29   margin-right: 25px;
  30
  31   .icon.icon-upload {
  32     display: inline-block;
  33     background: url('../../assets/images/header/upload.svg') no-repeat;
  34     background-size: contain;
  35     width: 22px;
  36     height: 24px;
  37     vertical-align: middle;
  38     margin-right: 6px;
  39   }
  40 }