From c1901431d00c380893529e1fe6c7c91a5a04b9f7 Mon Sep 17 00:00:00 2001
From: kilo <kilowwwww@gmail.com>
Date: Mon, 28 Aug 2017 15:52:05 +0200
Subject: [PATCH] Add title for tag inputs & some random css stuff (#1429)

* Add title for tag inputs

* Turn the cursor into a pointer when hovering search icon

* Remove space separating search input & refine button

* Remove now useless css rules

* Proper padding for header searchbox

Some text was hidden by the search icon because of too low padding

* Fix language list position on IE

* Fix placeholder display for firefox

2px smaller than regular text
---
 public/css/main.css                                | 12 ++++++------
 templates/layouts/partials/helpers/search.jet.html | 11 +++++------
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/public/css/main.css b/public/css/main.css
index 1fd527cf..08b22529 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -149,7 +149,6 @@ body {
 
 .header .h-search .form-input {
     font-size: 80%;
-    line-height: 18px;
 }
 
 .header .h-search select.form-input {
@@ -162,6 +161,9 @@ body {
     height: 30px;
     border: 1px solid;
 }
+input::placeholder {
+    font-size: 12px;
+}
 
 select.form-input {
     -webkit-appearance: none;
@@ -183,7 +185,7 @@ select.form-input {
 
 .form-input.search-box {
     margin-right: -26px;
-    padding-right: 20px;
+    padding-right: 23px;
 }
 
 .form-input.search-box+.icon-search {
@@ -196,14 +198,12 @@ select.form-input {
     box-shadow: none;
     border: none;
     vertical-align: middle;
+    cursor: pointer;
 }
 
 .form-input.refine {
     border-radius: 0 3px 3px 0;
     border-left: none;
-    margin-left: -4px;
-    margin-top: 1px;
-    outline: none;
 }
 
 .form-input.language {
@@ -772,7 +772,7 @@ html, body {
 	width: 100%!important;
     }
     .refine-btn,.language { 
-	position: initial!important;
+	position: relative!important;
 	bottom: initial!important; 
 	width: 100%!important;
     }
diff --git a/templates/layouts/partials/helpers/search.jet.html b/templates/layouts/partials/helpers/search.jet.html
index b07cf5df..760b51c6 100644
--- a/templates/layouts/partials/helpers/search.jet.html
+++ b/templates/layouts/partials/helpers/search.jet.html
@@ -9,8 +9,7 @@
 {{end}}
 {{block search_button() }}
 <input class="form-input search-box" name="q" placeholder="{{ T("search")}}" type="text" value="{{Search.NameLike}}"/>
-<button type="submit" class="form-input icon-search"></button>
-<button type="submit" class="form-input refine" name="refine" value="1">{{  T("refine")}}</button>
+<button type="submit" class="form-input icon-search"></button><button type="submit" class="form-input refine" name="refine" value="1">{{  T("refine")}}</button>
 {{end}}
 {{block search_refine(url="") }}
 <div style="{{ if !Search.ShowRefine }}display:none;{{ end }}" class="box refine">
@@ -87,10 +86,10 @@
 		  </span>
 		  <span class="form-refine">
 			<span class="spacing">Tags:</span>
-			  <input type="number" name="vgmdb" placeholder="VGMdb" value="" class="form-input"/>
-			  <input type="number" name="vndb" placeholder="VnDB" value="" class="form-input"/>
-			  <input type="number" name="anidb" placeholder="AniDB" value="" class="form-input"/>
-			  <input type="number" name="dlsite" placeholder="DLsite" value="" class="form-input"/>
+			  <input type="number" name="anidb" placeholder="AniDB" title="AniDB" value="" class="form-input"/>
+			  <input type="number" name="vgmdb" placeholder="VGMdb" title="VGMdb" value="" class="form-input"/>
+			  <input type="number" name="vndb" placeholder="VnDB" title="VnDB" value="" class="form-input"/>
+			  <input type="number" name="dlsite" placeholder="DLsite" title="DLsite" value="" class="form-input"/>
 		  </span>
 		  <div name="language" class="form-refine form-input language">
 			{{ yield flagList(languages=GetTorrentLanguages(), selected=Search.Languages, inputname="lang", id="refine-search")}}