Fixed layout on chrome 49+, made character names into links

rpg-docs/client/views/characterList/characterSideList.css

@@ -6,6 +6,7 @@
 	padding: 8px 0 8px 16px;
 	text-overflow: ellipsis;
 	white-space: nowrap;
+	text-decoration: none;
 }
 
 .singleLineItem core-icon {
@@ -19,4 +20,4 @@
 	/* Required for text-overflow to do anything */
 	white-space: nowrap;
 	overflow: hidden;
-}
+}

rpg-docs/client/views/characterList/characterSideList.html

@@ -3,11 +3,12 @@
 	{{#if characters.count}}
 		<div>
 			{{#each characters}}
-				<div class="singleLineItem characterRepresentative"
+				<a href={{pathFor route="characterSheet" data=this}}
+				   class="singleLineItem characterRepresentative"
 					 layout horizontal center>
 					<core-icon icon="image:brightness-1"></core-icon>
 					<div>{{name}}</div>
-				</div>
+				</a>
 			{{/each}}
 		</div>
 	{{/if}}

rpg-docs/client/views/characterList/characterSideList.js

@@ -23,7 +23,7 @@ Template.characterSideList.helpers({
 
 Template.characterSideList.events({
 	"tap .singleLineItem": function(event, instance) {
-		Router.go("characterSheet", {_id: this._id});
+		//Router.go("characterSheet", {_id: this._id});
 		$("core-drawer-panel").get(0).closeDrawer();
 	},
 	"tap core-item": function() {