From 622b2b79c0d742c5176769dfc146488456f3f993 Mon Sep 17 00:00:00 2001
From: Charles Gould <charles@gould.dev>
Date: Tue, 10 Jan 2017 17:55:11 -0500
Subject: [PATCH] Fix message overflow

---
 server/src/main/resources/static/client.html | 2 +-
 server/src/main/resources/static/layout.css  | 8 ++++++++
 server/src/main/resources/static/style.css   | 5 +----
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/server/src/main/resources/static/client.html b/server/src/main/resources/static/client.html
index ea464e4..2e59acb 100644
--- a/server/src/main/resources/static/client.html
+++ b/server/src/main/resources/static/client.html
@@ -20,7 +20,7 @@
 	<div id="appDiv" class="hidden">
 		<div class="main column">
 			<div class="header row">Lingo</div>
-			<div class="body row scroll-y">
+			<div class="body row nofooter">
 				<div id="canvasDiv" class="hidden">
 					<canvas id="canvas" class="centered" width="600" height="475" tabindex="1"></canvas>
 				</div>
diff --git a/server/src/main/resources/static/layout.css b/server/src/main/resources/static/layout.css
index eae0ee8..51760ef 100644
--- a/server/src/main/resources/static/layout.css
+++ b/server/src/main/resources/static/layout.css
@@ -46,6 +46,14 @@ body {
 
 .body.row {
 	top: 75px;
+	bottom: 50px;
+}
+
+.body.row.nofooter {
+	bottom: 0;
+}
+
+.body.row.noheader {
 	bottom: 0;
 }
 
diff --git a/server/src/main/resources/static/style.css b/server/src/main/resources/static/style.css
index 530608a..3938d9b 100644
--- a/server/src/main/resources/static/style.css
+++ b/server/src/main/resources/static/style.css
@@ -27,6 +27,7 @@ button:hover {
 	border-top: 1px solid black;
 	padding: 10px;
 	position: relative;
+	overflow-wrap: break-word;
 }
 
 .message-item.first {
@@ -37,10 +38,6 @@ button:hover {
 	color: green;
 }
 
-#messageList {
-	bottom: 50px;
-}
-
 #messageInput {
 	width: 100%;
 	height: 50px;