From ad4e3f5b20c2449917ac9768694bccee9e590cde Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Wed, 28 Jun 2017 09:25:25 +0200
Subject: [PATCH 1/4] Stopped inventory items being separated from their
 containers

hopefully fixes #91
---
 rpg-docs/client/style/cards.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/rpg-docs/client/style/cards.css b/rpg-docs/client/style/cards.css
index 3d2a40d2..801203a0 100644
--- a/rpg-docs/client/style/cards.css
+++ b/rpg-docs/client/style/cards.css
@@ -23,6 +23,7 @@
 .card {
 	background: white;
 	border-radius: 2px;
+	position: initial;
 }
 
 .card .top {

From 0e0662cc9aac9702dfa99c82e66844aaea05fa26 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Wed, 28 Jun 2017 09:26:13 +0200
Subject: [PATCH 2/4] Added slightly specific rule to let headings wrap

closes #90
---
 rpg-docs/client/views/GeneralCSS/typography.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/rpg-docs/client/views/GeneralCSS/typography.css b/rpg-docs/client/views/GeneralCSS/typography.css
index 862706e2..7f13bc6d 100644
--- a/rpg-docs/client/views/GeneralCSS/typography.css
+++ b/rpg-docs/client/views/GeneralCSS/typography.css
@@ -1,3 +1,7 @@
+body .paper-font-display4, body .paper-font-display3, body .paper-font-title, body .paper-font-caption{
+    white-space: normal;
+}
+
 .white-text {
 	color: #dedede;
 	color: rgba(255,255,255,0.87);

From 8fa9cd01484e487e494438e7ee2652be9db892e6 Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Wed, 28 Jun 2017 09:26:52 +0200
Subject: [PATCH 3/4] Prevented spell titles from overflowing their item in
 spell lists

closes #83
---
 rpg-docs/client/views/character/spells/spells.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/rpg-docs/client/views/character/spells/spells.css b/rpg-docs/client/views/character/spells/spells.css
index 148d2d0f..d71097fe 100644
--- a/rpg-docs/client/views/character/spells/spells.css
+++ b/rpg-docs/client/views/character/spells/spells.css
@@ -78,6 +78,20 @@
 	margin-left: 16px;
 }
 
+.spell.item > div > div {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.spell.item > div {
+	min-width: 0;
+}
+
+.spell.item iron-icon {
+	flex-shrink: 0;
+}
+
 .spellLevel {
 	-webkit-backface-visibility: hidden;
 	-webkit-transform: translateX(0);

From 812a1784b2a15ffdd1bae0dc6c6f17524bb64bab Mon Sep 17 00:00:00 2001
From: Stefan Zermatten <stefanzermatten@gmail.com>
Date: Wed, 28 Jun 2017 09:27:24 +0200
Subject: [PATCH 4/4] Improved display of home page on smaller devices

---
 rpg-docs/client/views/home/intro/intro.css  | 7 ++++++-
 rpg-docs/client/views/home/intro/intro.html | 6 +++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/rpg-docs/client/views/home/intro/intro.css b/rpg-docs/client/views/home/intro/intro.css
index 75c5328e..cf6f52bc 100644
--- a/rpg-docs/client/views/home/intro/intro.css
+++ b/rpg-docs/client/views/home/intro/intro.css
@@ -21,10 +21,15 @@
 	max-width: 300px;
 	padding: 16px;
 	text-align: center;
+    min-width: 0;
+}
+
+.intro .section .columns {
+	max-width: 100%;
 }
 
 .intro paper-button {
-	min-width: 200px;
+	flex-basis: 200px;
 }
 
 
diff --git a/rpg-docs/client/views/home/intro/intro.html b/rpg-docs/client/views/home/intro/intro.html
index bfd40f87..282b47ea 100644
--- a/rpg-docs/client/views/home/intro/intro.html
+++ b/rpg-docs/client/views/home/intro/intro.html
@@ -64,7 +64,7 @@
 		</div>
 		<div class="section white-text" style="background: #282828">
 			<div class="columns layout horizontal around-justified wrap">
-				<div>
+				<div class="layout vertical center">
 					<div class="paper-font-headline">
 						Guide
 					</div>
@@ -78,7 +78,7 @@
 						</paper-button>
 					</a>
 				</div>
-				<div>
+				<div class="layout vertical center">
 					<div class="paper-font-headline">
 						Discuss
 					</div>
@@ -91,7 +91,7 @@
 						</paper-button>
 					</a>
 				</div>
-				<div>
+				<div class="layout vertical center">
 					<div class="paper-font-headline">
 						Get involved
 					</div>