Icons: Added new bars (nav) and edit icons

css/themes/default/jquery.mobile.theme.css

@@ -852,20 +852,21 @@ a.ui-link-inherit {
 /* HD/"retina" sprite
 -----------------------------------------------------------------------------------------------------------*/
 
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
-       only screen and (min--moz-device-pixel-ratio: 1.5),
-       only screen and (min-resolution: 240dpi) {
+@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
+       only screen and (min--moz-device-pixel-ratio: 1.3),
+       only screen and (min-resolution: 200dpi) {
 
 	.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
 	.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
 	.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
-	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, 
+	.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-bars, .ui-icon-edit, .ui-icon-search, .ui-icon-searchfield:after, 
 	.ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
 		background-image: url(images/icons-36-white.png);
-		-moz-background-size: 776px 18px;
-		-o-background-size: 776px 18px;
-		-webkit-background-size: 776px 18px;
-		background-size: 776px 18px;
+		/* Set the background size 2px larger to avoid rounding errors in chrome */
+		-moz-background-size: 842px 18px;
+		-o-background-size: 842px 18px;
+		-webkit-background-size: 842px 18px;
+		background-size: 842px 18px;
 	}
 	.ui-icon-alt {
 		background-image: url(images/icons-36-black.png);
@@ -930,6 +931,14 @@ a.ui-link-inherit {
 .ui-icon-home {
 	background-position: 	-576px 50%;
 }
+.ui-icon-bars {
+	background-position: 	-785px 50%;
+
+}.ui-icon-edit {
+	background-position: 	-824px 50%;
+}
+
+
 .ui-icon-search,
 .ui-icon-searchfield:after {
 	background-position: 	-612px 50%;

docs/buttons/buttons-icons.html

@@ -45,6 +45,10 @@ <h2>Icon set</h2>
 
 			<p>The following <code> data-icon</code> attributes can be referenced to create the icons shown below:</p>
 
+			<p><strong>Bars</strong> - data-icon="bars"</p>
+			<a href="index.html" data-role="button" data-icon="bars">My button</a>
+			<p><strong>Edit</strong> - data-icon="edit"</p>
+			<a href="index.html" data-role="button" data-icon="edit">My button</a>
 			<p><strong>Left arrow</strong> - data-icon="arrow-l"</p>
 			<a href="index.html" data-role="button" data-icon="arrow-l">My button</a>
 			<p><strong>Right arrow</strong> - data-icon="arrow-r"</p>