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 5114ec3a745090ef92bae722b5c0c4e70da5082d..ae0f1547e661ee987a3879cf2553052423e31b1a 100644 (file)
--- a/client/src/app/header/search-typeahead.component.scss
+++ b/client/src/app/header/search-typeahead.component.scss
@@ -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;
     }
   }
 
@@ -129,10 +132,6 @@ li.suggestion {
   }
 }
 
-.glyphicon {
-  top: 3px;
-}
-
 .advanced-search-status {
   height: max-content;
   cursor: default;