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

rpg-docs/client/views/layout/layout.css

@@ -15,3 +15,11 @@
 #navPanel {
 	padding: 16px;
 }
+
+.layout > core-header-panel {
+	height: 100%;
+}
+
+.layout > core-animated-pages {
+	height: 100%;
+}

rpg-docs/client/views/layout/layout.html

@@ -1,5 +1,5 @@
 <template name="layout">
-	<core-drawer-panel responsiveWidth="905px">
+	<core-drawer-panel class="layout" responsiveWidth="905px">
 		<core-header-panel drawer navigation flex mode="seamed" class="white">
 			<div id="accountSummary">
 				{{#if currentUser}}
@@ -19,9 +19,9 @@
 				<core-item id="changeLog" icon="list" label="Change Log"></core-item>
 			</div>
 		</core-header-panel>
-		<core-animated-pages main 
-							 navigation 
-							 detail-pages 
+		<core-animated-pages main
+							 navigation
+							 detail-pages
 							 transitions="hero-transition cross-fade"
 							 selected={{globalDetailSelected}}>
 			<section id="mainContentSection" class={{notSelected}}>
@@ -66,4 +66,4 @@
 			</div>
 		{{/if}}
 	</paper-toast>
-</template>
+</template>