watch view visual tweaks and search/comment placeholder dismiss on focus (#983)

[oweals/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 6ce92fc22b9a0443fa1501a622878d7551dbcbe1..8251ec1b5b9278064131a7ccd93cd021269ba177 100644 (file)
--- a/client/src/app/header/header.component.scss
+++ b/client/src/app/header/header.component.scss
@@ -3,6 +3,7 @@
 
 #search-video {
   @include peertube-input-text($search-input-width);
+  padding-left: 10px;
   margin-right: 15px;
   padding-right: 40px; // For the search icon
 
@@ -10,6 +11,10 @@
     color: #000;
   }
 
+  &:focus::placeholder {
+    opacity: 0 !important;
+  }
+
   @media screen and (max-width: 800px) {
     width: calc(100% - 150px);
   }