client/src/app/shared/search/search.component.scss

   1 #search-video {
   2   display: inline-block;
   3   height: $button-height;
   4   width: $search-input-width;
   5   margin-right: 15px;
   6   padding-right: 25px; // For the search icon
   7   background: #fff;
   8   border: 1px solid #C6C6C6;
   9   border-radius: 3px;
  10   padding-left: 15px;
  11
  12   &::placeholder {
  13     color: #000;
  14   }
  15 }
  16
  17 .icon.icon-search {
  18   display: inline-block;
  19   background: url('../../../assets/header/search.svg') no-repeat;
  20   background-size: contain;
  21   width: 25px;
  22   height: 21px;
  23   vertical-align: middle;
  24   cursor: pointer;
  25   // yolo
  26   position: absolute;
  27   margin-left: -50px;
  28   margin-top: 5px;
  29 }
  30
  31 .upload-button {
  32   display: inline-block;
  33   color: #fff;
  34   font-weight: $font-semibold;
  35   font-size: 15px;
  36   height: $button-height;
  37   line-height: $button-height;
  38   border-radius: 3px;
  39   text-align: center;
  40   margin-right: 25px;
  41   background-color: $orange-color;
  42   padding: 0 17px 0 13px;
  43
  44   @include disable-default-a-behaviour;
  45
  46   .icon.icon-upload {
  47     display: inline-block;
  48     background: url('../../../assets/header/upload.svg') no-repeat;
  49     background-size: contain;
  50     width: 22px;
  51     height: 24px;
  52     vertical-align: middle;
  53     margin-right: 6px;
  54   }
  55 }