Increase margin between upload and search inputs

[github/Chocobozzz/PeerTube.git] / client / src / app / header / header.component.scss

@use '_variables' as *;
@use '_mixins' as *;

my-search-typeahead {
  @include margin-right(80px);

  @media screen and (max-width: $small-view) {
    @include margin-right(15px);
  }
}

.publish-button {
  @include peertube-button-link;
  @include orange-button;
  @include button-with-icon(22px, 3px, -1px);
  @include margin-right(25px);

  @media screen and (max-width: $mobile-view) {
    @include margin-right(10px);

    padding: 0 10px;

    .icon.icon-upload {
      @include margin-right(0);
    }

    .publish-button-label {
      display: none;
    }
  }
}