From d3141b84cb2cbfe6c01a3629623e5d4e6730e044 Mon Sep 17 00:00:00 2001
From: Scott González <scott.gonzalez@gmail.com>
Date: Wed, 17 Feb 2010 02:08:43 +0000
Subject: Autocomplete demo: Added styling to the categories.

---
 demos/autocomplete/categories.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'demos/autocomplete')

diff --git a/demos/autocomplete/categories.html b/demos/autocomplete/categories.html
index cd4c2c05b..524f7b67a 100644
--- a/demos/autocomplete/categories.html
+++ b/demos/autocomplete/categories.html
@@ -10,7 +10,10 @@
 	<script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<style type="text/css">
-	
+	.ui-autocomplete-category {
+		padding:.2em .4em;
+		line-height:1.5;
+	}
 	</style>
 	<script type="text/javascript">
 	$.each({
@@ -57,7 +60,7 @@
 				currentCategory = "";
 			$.each( items, function( index, item ) {
 				if ( item.category != currentCategory ) {
-					ul.append( "<li class='category'>" + item.category + "</li>" );
+					ul.append( "<li class='ui-widget-header ui-autocomplete-category'>" + item.category + "</li>" );
 					currentCategory = item.category;
 				}
 				self._renderItem( ul, item );
-- 
cgit v1.2.3