From 8c83c948144e8122e5260fc6300262b988c3c661 Mon Sep 17 00:00:00 2001
From: Max Pozdeev <maxpozdeev@gmail.com>
Date: Wed, 8 Sep 2010 22:22:51 +0400
Subject: [PATCH] * search input made more flexible (for narrow screens)

---
 src/themes/default/index.php | 12 +++++++-----
 src/themes/default/style.css |  5 +++--
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/themes/default/index.php b/src/themes/default/index.php
index 75ad7a6..8dbd3e8 100644
--- a/src/themes/default/index.php
+++ b/src/themes/default/index.php
@@ -93,11 +93,13 @@ $().ready(function(){
 <div id="toolbar" class="mtt-htabs">
 
 <div id="htab_search" style="float:right;">
- <div class="mtt-searchbox">
-  <input type="text" name="search" value="" maxlength="250" id="search" autocomplete="off" />
-  <div class="mtt-searchbox-icon mtt-icon-search"></div>
-  <div id="search_close" class="mtt-searchbox-icon mtt-icon-cancelsearch"></div>
- </div>
+ <table class="mtt-searchbox"><tr><td>
+  <div class="mtt-searchbox-c">
+   <input type="text" name="search" value="" maxlength="250" id="search" autocomplete="off" />
+   <div class="mtt-searchbox-icon mtt-icon-search"></div>
+   <div id="search_close" class="mtt-searchbox-icon mtt-icon-cancelsearch"></div>
+  </div> 
+ </td></tr></table>
 </div>
 
 <div id="htab_newtask">
diff --git a/src/themes/default/style.css b/src/themes/default/style.css
index b771698..4d48389 100644
--- a/src/themes/default/style.css
+++ b/src/themes/default/style.css
@@ -115,12 +115,13 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; }
 
 /* Live Search */
 #search {
- color:#444444; background:#fff; height:1.35em; padding:2px 18px; width:150px;
+ color:#444444; background:#fff; height:1.35em; padding:2px 18px; width:100%; margin-left:-38px; /*padding+border*/
  border:1px inset #F0F0F0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; 
 }
 #search_close { display:none; }
 
-.mtt-searchbox { position:relative; width:188px; /* input width+padding+border */ }
+.mtt-searchbox td { padding:0px; width:180px; }
+.mtt-searchbox-c { position:relative; padding-left:38px; /*input padding+border*/ }
 .mtt-searchbox-icon { width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; }
 
 .mtt-searchbox-icon.mtt-icon-search { background:url(images/mzl.png) 0px -16px no-repeat; left:4px; }