* fixed drag-handle

index.html

@@ -150,12 +150,11 @@
 		<div id="handle" style="margin-left: 30px;">
 			<div><div data-force="5" class="layer title title_xl">Drag handle and selectable text</div></div>
 
-			<div style="width: 30%; float: left; margin-top: 15px; margin-left: 10px" class="block__list_words">
+			<div style="width: 30%; margin-left: 10px" class="block__list_words">
-				<div class="block__list-title">Drag handles</div>
 				<ul id="handle-1">
-					<li><span class="drag-handle">≡</span>Select text freely</li>
+					<li><span class="drag-handle">&#9776;</span>Select text freely</li>
-					<li><span class="drag-handle">≡</span>Drag my handle</li>
+					<li><span class="drag-handle">&#9776;</span>Drag my handle</li>
-					<li><span class="drag-handle">≡</span>Best of both worlds</li>
+					<li><span class="drag-handle">&#9776;</span>Best of both worlds</li>
 				</ul>
 			</div>
 

st/app.css

@@ -217,8 +217,9 @@ img {
 	}
 
 .drag-handle {
-	margin-right: 0.25em;
+	margin-right: 10px;
-	color: blue;
+	font: bold 20px Sans-Serif;
+	color: #5F9EDF;
 	cursor: move;
 	cursor: -webkit-grabbing;  /* overrides 'move' */
 }