Add an option to provide responsive embed (#5690)

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

diff --git a/client/src/app/header/header.component.scss b/client/src/app/header/header.component.scss
index e335f136a5dc9b89b3974c9b0796b1302e46e39e..ef7749ced0f03ed166a8837f433dbd4d3264193c 100644 (file)
--- a/client/src/app/header/header.component.scss
+++ b/client/src/app/header/header.component.scss
@@ -1,9 +1,5 @@
-@use '_variables';
-@use '_mixins';
-
-my-search-typeahead {
-  @include margin-right(15px);
-}
+@use '_variables' as *;
+@use '_mixins' as *;
 
 .publish-button {
   @include peertube-button-link;
@@ -11,10 +7,11 @@ my-search-typeahead {
   @include button-with-icon(22px, 3px, -1px);
   @include margin-right(25px);
 
-  @media screen and (max-width: 600px) {
+  @media screen and (max-width: $mobile-view) {
     @include margin-right(10px);
 
-    padding: 0 10px;
+    padding-right: 10px;
+    padding-left: 10px;
 
     .icon.icon-upload {
       @include margin-right(0);