From d61ea68bfd6a9c5863d5db8b25aeddf952ca1c8c Mon Sep 17 00:00:00 2001
From: scottjehl <scott@scottjehl.com>
Date: Mon, 22 Nov 2010 12:30:32 -0500
Subject: [PATCH] tweaks to the demo css, markup

---
 experiments/weather/index.php | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)
diff --git a/experiments/weather/index.php b/experiments/weather/index.php
index 42dc903c..14066bb2 100644
--- a/experiments/weather/index.php
+++ b/experiments/weather/index.php
@@ -21,17 +21,18 @@ $forecast_list = $xml->xpath("/xml_api_reply/weather/forecast_conditions");
 	<head>
 	<meta charset="utf-8" /> 
 	<title>jQuery Mobile Framework - Weather for <?= $information[0]->city['data']; ?></title> 
-	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
-<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
-<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
-	
+	<link rel="stylesheet" href="../../themes/default/" />
+	<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
+	<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
 	<style>
 		.current { text-align: left; }
 		h1 { font-size: 1.3em; text-align: center;  }
-		.ui-listview img { left: auto; margin: 10px;position: absolute;right: 10px; }
+		.ui-listview img { left: auto; margin: 10px; position: absolute; right: 10px; }
 		.current { position: relative; }
-		.current img { float: left; margin: 10px 10px 0 0; }
+		.current img { float: left; margin: 5px 10px 0 0; }
 		.current p { font-weight: bold; font-size: 1.1em; margin-left: 20px; }
+		.ui-mobile label { position: absolute; left: -9999px; }
+		.ui-input-search, .min-width-480px .ui-input-search { margin: 5px auto; width: auto; float: none; display: block; }
 	</style>
 	<script>
 		$('div').live('pagecreate',function(){
@@ -45,7 +46,7 @@ $forecast_list = $xml->xpath("/xml_api_reply/weather/forecast_conditions");
 
 	<form action="" method="get" class="ui-body ui-body-a ">
 		<label for="location">Change zip code:</label>
-		<input type="search" name="location" id="location" value="<?=$location; ?>" data-theme="a" />
+		<input type="search" name="location" id="location" value="<?=$location; ?>" placeholder="zip code..." data-theme="a" />
 		<input type="submit" data-role="nojs" value="submit" />
 			</form>
 
