From 88e694d0c15185a2a56f31a680ddf9f8850d45d0 Mon Sep 17 00:00:00 2001
From: Mattias Erming <mattias@mattiaserming.com>
Date: Sat, 26 Apr 2014 21:56:04 +0200
Subject: [PATCH] Design changes

---
 client/index.html |  6 ++++--
 client/js/chat.js | 14 ++++++--------
 client/style.css  | 12 +++++-------
 3 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/client/index.html b/client/index.html
index e043e7c..2fe4696 100644
--- a/client/index.html
+++ b/client/index.html
@@ -49,7 +49,9 @@
 			{{partial "#users"}}
 		</div>
 		<div class="messages">
-			<button class="show-more">Show more</button>
+			<div class="show-more">
+				<button class="show-more-button">Show more</button>
+			</div>
 			{{partial "#messages"}}
 		</div>
 		<form onSubmit="return false;">
@@ -72,7 +74,7 @@
 	</script>
 	
 	<script type="text/html" id="messages">
-	{{#slice messages limit="100"}}
+	{{#slice messages limit="200"}}
 	<div class="msg {{type}}">
 		<span class="time">
 			{{time}}
diff --git a/client/js/chat.js b/client/js/chat.js
index 06d8553..eae5a7d 100644
--- a/client/js/chat.js
+++ b/client/js/chat.js
@@ -84,12 +84,11 @@ $(function() {
 				.tabComplete({after: " ", list: commands})
 				.inputHistory({submit: true})
 				.end()
-				.find(".messages")
-				.scrollGlue({speed: 400})
-				.end()
 				.find(".hidden")
 				.prev(".show-more")
 				.show()
+				.parent()
+				.scrollGlue({speed: 400})
 				.end();
 			
 			sidebar.html(render("#networks", {networks: data.networks}))
@@ -155,11 +154,10 @@ $(function() {
 		});
 	});
 	
-	chat.on("click", ".show-more", function() {
-		var btn = $(this);
-		btn.replaceWith($.parseHTML(
-			btn.next(".hidden").remove().html()
-		));
+	chat.on("click", ".show-more-button", function() {
+		var more = $(this).parent();
+		var html = $.parseHTML(more.next(".hidden").remove().html());
+		more.replaceWith(html);
 	});
 
 	sidebar.on("click", ".channel", function(e) {
diff --git a/client/style.css b/client/style.css
index 5b89210..e593c25 100644
--- a/client/style.css
+++ b/client/style.css
@@ -16,12 +16,6 @@ h2 {
 	font: inherit;
 	margin: 0;
 }
-ul,
-li {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-}
 .user {
 	background: none;
 	border: 0;
@@ -136,7 +130,11 @@ li {
 }
 #chat .show-more {
 	display: none;
-	margin-left: 14px;
+	padding: 2px 8px 0 16px;
+}
+#chat .show-more-button {
+	padding: 6px 0;
+	width: 100%;
 }
 #chat .msg {
 	border-left: 8px solid transparent;