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

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 my-search-typeahead {
   5   @include margin-right(80px);
   6
   7   @media screen and (max-width: $small-view) {
   8     @include margin-right(15px);
   9   }
  10 }
  11
  12 .publish-button {
  13   @include peertube-button-link;
  14   @include orange-button;
  15   @include button-with-icon(22px, 3px, -1px);
  16   @include margin-right(25px);
  17
  18   @media screen and (max-width: $mobile-view) {
  19     @include margin-right(10px);
  20
  21     padding: 0 10px;
  22
  23     .icon.icon-upload {
  24       @include margin-right(0);
  25     }
  26
  27     .publish-button-label {
  28       display: none;
  29     }
  30   }
  31 }