Demos: Added icon for jump links

jquery-archive · Jan 20, 2013 · c90bc56 · c90bc56
1 parent 4b18a7f
commit c90bc56
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/docs/demos/_assets/css/jqm-demos.css b/docs/demos/_assets/css/jqm-demos.css
@@ -153,11 +153,20 @@ img { max-width: 100%; }
 	font-weight:300;
 	display:block;
 	font-size:0.8em;
-	margin-top:.4em;
+	margin-top:.6em;
 	text-decoration: none;
 	whitespace:nowrap;
 }
 
+.demos a.demo-section-link span {
+	width:18px;
+	display:inline-block;
+	margin-top:4px;
+	margin-right:10px;
+	float:left;
+	opacity:.5;
+}
+
 .demos .demo-nav-header {
 	color: #74b042;
 	font-weight:300;

diff --git a/docs/demos/buttons/index.html b/docs/demos/buttons/index.html
@@ -41,7 +41,9 @@ <h1>jQuery Mobile</h1>
 			<h1>Buttons <a href="http://api.jquerymobile.com/button/" data-ajax="false" data-role="button" data-inline="true" data-mini="true" data-icon="forward" data-iconpos="right" class="api-link">API docs</a></h1>
 
 
-			<p class="demo-intro">Buttons are core widgets in jQuery Mobile and are used within a wide range of other plugins. The button markup is flexible and can be created from links or form buttons. <a href="#button-sections" class="demo-section-link">Jump to section </a></p>
+			<p class="demo-intro">Buttons are core widgets in jQuery Mobile and are used within a wide range of other plugins. The button markup is flexible and can be created from links or form buttons. 
+				<a href="#button-sections" class="demo-section-link">Jump to section <span class="ui-icon ui-icon-bars">&nbsp;</span></a>
+			</p>