Translated using Weblate (Serbian (cyrillic))

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

diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss
index d6ce6eca4b568b2d78f27a35dacdcec7bed96381..ae0f1547e661ee987a3879cf2553052423e31b1a 100644 (file)
--- a/client/src/app/header/search-typeahead.component.scss
+++ b/client/src/app/header/search-typeahead.component.scss
@@ -1,5 +1,5 @@
-@use '_mixins';
-@use '_variables';
+@use '_mixins' as *;
+@use '_variables' as *;
 
 #search-video {
   @include peertube-input-text($search-input-width);
@@ -74,6 +74,9 @@ li.suggestion {
 }
 
 #typeahead-container {
+  font-size: 14px;
+  margin: 0 10px;
+
   input {
     border: 1px solid pvar(--mainBackgroundColor) !important;
     box-shadow: rgba(0, 0, 0, 0.1) 0 1px 20px 0;
@@ -81,15 +84,15 @@ li.suggestion {
     transition: box-shadow .3s ease, width .2s ease;
   }
 
-  @media screen and (min-width: $mobile-view) {
-    @include margin-left(10px);
-  }
-
   @media screen and (max-width: $small-view) {
-    flex: 1;
+    input {
+      width: 200px;
+    }
+  }
 
+  @media screen and (max-width: $mobile-view) {
     input {
-      width: 70px;
+      width: 150px;
     }
   }
 
@@ -122,17 +125,13 @@ li.suggestion {
       border-end-start-radius: 0;
       border-end-end-radius: 0;
 
-      @include media-breakpoint-up(lg) {
+      @media screen and (min-width: 1000px) {
         width: 500px;
       }
     }
   }
 }
 
-.glyphicon {
-  top: 3px;
-}
-
 .advanced-search-status {
   height: max-content;
   cursor: default;