From d16c46a6e947731f7e91802d8e65be21028ae026 Mon Sep 17 00:00:00 2001
From: hakanson <kevin@thehakansons.com>
Date: Mon, 28 Feb 2011 11:10:39 +0800
Subject: [PATCH] format search filter for inset lists

---
 js/jquery.mobile.listview.filter.js       | 4 ++++
 themes/default/jquery.mobile.listview.css | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/js/jquery.mobile.listview.filter.js b/js/jquery.mobile.listview.filter.js
index 5b419b75..75e217da 100644
--- a/js/jquery.mobile.listview.filter.js
+++ b/js/jquery.mobile.listview.filter.js
@@ -51,6 +51,10 @@ $( "[data-role='listview']" ).live( "listviewcreate", function() {
 			.appendTo( wrapper )
 			.textinput();
 
+	if ($(this).data("inset") == true ) {
+		wrapper.addClass("ui-listview-filter-inset");
+	}
+	
 	wrapper.insertBefore( list );
 });
 
diff --git a/themes/default/jquery.mobile.listview.css b/themes/default/jquery.mobile.listview.css
index 5b683a6e..1ef515ba 100644
--- a/themes/default/jquery.mobile.listview.css
+++ b/themes/default/jquery.mobile.listview.css
@@ -37,6 +37,8 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid
 .ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px }
 .ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; }
 
+.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; }
+
 /* Odd iPad positioning issue. */
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
     .ui-li .ui-btn-text { overflow:  visible; }