Pimped search function

4 files changed, 20 insertions, 5 deletions

diff --git a/skins/default/images/icons/reset.gif b/skins/default/images/icons/reset.gif
index 1bdbc5b2a..a9a53d569 100644
--- a/skins/default/images/icons/reset.gif
+++ b/skins/default/images/icons/reset.gif
diff --git a/skins/default/images/searchfield.gif b/skins/default/images/searchfield.gif
new file mode 100644
index 000000000..b1dc9389e
--- /dev/null
+++ b/skins/default/images/searchfield.gif
diff --git a/skins/default/mail.css b/skins/default/mail.css
index 8cfb954b1..6d1d221ee 100644
--- a/skins/default/mail.css
+++ b/skins/default/mail.css
@@ -468,15 +468,18 @@ body.messagelist
   position: absolute;
   top: 60px;
   right: 40px;
-  width: 200px;
+  width: 182px;
   height: 20px;
   text-align: right;
+  background: url('images/searchfield.gif') top left no-repeat;
 }
 
 #quicksearchbar a
 {
+  position: absolute;
+  top: 3px;
+  right: 4px;
   text-decoration: none;
-  padding-left: 5px;
 }
 
 #quicksearchbar img
@@ -486,11 +489,23 @@ body.messagelist
 
 #quicksearchbox
 {
-  width: 150px;
-  border: 1px solid #999999;
+  position: absolute;
+  top: 2px;
+  left: 20px;
+  width: 140px;
+  font-size: 11px;
+  padding: 0px;
+  border: none;
 }
 
 
+/*\*/
+html>body*#quicksearchbar { background-image: none; }
+html>body*#quicksearchbar a { top: 5px; }
+html>body*#quicksearchbar #quicksearchbox { width: 180px; top:0px; right: 1px; left: auto; }
+/**/
+
+
 #rcversion
 {
   position: absolute;
diff --git a/skins/default/templates/mail.html b/skins/default/templates/mail.html
index 7cb7efc12..e866baa07 100644
--- a/skins/default/templates/mail.html
+++ b/skins/default/templates/mail.html
@@ -20,7 +20,7 @@
 </div>
 
 <div id="quicksearchbar">
-<roundcube:object name="searchform" id="quicksearchbox" /><roundcube:button command="reset-search" image="/images/icons/reset.gif" title="resetsearch" />
+<roundcube:object name="searchform" type="search" results="5" id="quicksearchbox" /><roundcube:button command="reset-search" id="searchreset" image="/images/icons/reset.gif" title="resetsearch" />
 </div>
 
 <div id="messagecountbar">