diff --git a/rpg-docs/client/views/characterList/characterSideList.css b/rpg-docs/client/views/characterList/characterSideList.css
new file mode 100644
index 00000000..dcc533de
--- /dev/null
+++ b/rpg-docs/client/views/characterList/characterSideList.css
@@ -0,0 +1,11 @@
+.singleLineItem {
+	color: black;
+	color: rgba(0, 0, 0, 0.870588);
+	cursor: pointer;
+	font-size: 16px;
+	height: 40px;
+	overflow: hidden;
+	padding: 12px 0 12px 0;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
\ No newline at end of file
diff --git a/rpg-docs/client/views/characterList/characterSideList.html b/rpg-docs/client/views/characterList/characterSideList.html
new file mode 100644
index 00000000..878d67ee
--- /dev/null
+++ b/rpg-docs/client/views/characterList/characterSideList.html
@@ -0,0 +1,10 @@
+<template name="characterSideList">
+	{{#if characters.count}}
+		<div class="list-subhead">Characters</div>
+		<div>
+			{{#each characters}}
+				<div class="singleLineItem">{{name}}</div>
+			{{/each}}
+		</div>
+	{{/if}}
+</template>
diff --git a/rpg-docs/client/views/characterList/characterSideList.js b/rpg-docs/client/views/characterList/characterSideList.js
new file mode 100644
index 00000000..338d49ac
--- /dev/null
+++ b/rpg-docs/client/views/characterList/characterSideList.js
@@ -0,0 +1,25 @@
+Template.characterSideList.onCreated(function() {
+	this.subscribe("characterList");
+});
+
+Template.characterSideList.helpers({
+	characters: function() {
+		var userId = Meteor.userId();
+		return Characters.find(
+			{
+				$or: [
+					{readers: userId},
+					{writers: userId},
+					{owner: userId},
+				]
+			},
+			{fields: {name: 1}}
+		);
+	}
+});
+
+Template.characterSideList.events({
+	"tap .singleLineItem": function(event, instance) {
+		Router.go("characterSheet", {_id: this._id});
+	}
+});
diff --git a/rpg-docs/client/views/layout/layout.css b/rpg-docs/client/views/layout/layout.css
index c664a105..98ffba11 100644
--- a/rpg-docs/client/views/layout/layout.css
+++ b/rpg-docs/client/views/layout/layout.css
@@ -1,5 +1,5 @@
 #accountSummary {
-	padding-top: 32px;
+	padding: 16px;
 	min-height: 146px;
 	background-image: url(/png/paper-dice-crown.png);
   	background-repeat: no-repeat;
@@ -11,3 +11,7 @@
 #mainContentSection {
 	display: initial !important;
 }
+
+#navPanel {
+	padding: 16px;
+}
diff --git a/rpg-docs/client/views/layout/layout.html b/rpg-docs/client/views/layout/layout.html
index d3ce8b5b..74e68691 100644
--- a/rpg-docs/client/views/layout/layout.html
+++ b/rpg-docs/client/views/layout/layout.html
@@ -10,7 +10,9 @@
 					</div>
 				{{/if}}
 			</div>
-			<paper-item id="charactersMenuButton">Characters</paper-item>
+			<div id="navPanel">
+				{{> characterSideList}}
+			</div>
 		</core-header-panel>
 		<core-animated-pages main 
 							 navigation 
diff --git a/rpg-docs/server/publications/characterList.js b/rpg-docs/server/publications/characterList.js
index 2fbf34d5..a08a9935 100644
--- a/rpg-docs/server/publications/characterList.js
+++ b/rpg-docs/server/publications/characterList.js
@@ -1,4 +1,5 @@
-Meteor.publish("characterList", function(userId){
+Meteor.publish("characterList", function(){
+	var userId = this.userId;
 	if (!userId) {
 		this.ready();
 		return;