From 9941f53715fe3b6c07414ae20d79e608586908d0 Mon Sep 17 00:00:00 2001
From: Patrick Davison <snapwilliam@gmail.com>
Date: Thu, 31 Jan 2013 04:12:09 -0800
Subject: Pixel pinching for chat.

---
 pages/chat.php | 39 ++++++++++++++++++++++++++-------------
 1 file changed, 26 insertions(+), 13 deletions(-)

(limited to 'pages/chat.php')

diff --git a/pages/chat.php b/pages/chat.php
index 51444ae..7b55daa 100644
--- a/pages/chat.php
+++ b/pages/chat.php
@@ -18,29 +18,39 @@ if (!$accepted) {
 <style>
 .chatMessage {
 	width:99%;
-	min-height:36px;
+	min-height:32px;
 	margin:4px;
 	display:block;
 	clear:both;
 }
 .chatColumn1 {
 	float:left;
-	min-height:36px;
-	width:15%;
-	margin:2px;
+	min-height:31px;
+	width:9%;
+	margin:1px;
 	padding:2px;
 	height:100%;
 	background-color:#222;
 	text-overflow: ellipsis;
 	white-space:nowrap;
 	display:block;
+	border-bottom-left-radius: 10px;
+	border-top-left-radius: 10px;
 }
 .chatColumn2 {
 	float:left;
-	min-height:36px;
-	width:81%;
+	min-height:31px;
+	width:4%;
 	background-color:#222;
-	margin:2px;
+	margin:1px;
+	padding-right:3px;
+}
+.chatColumn3 {
+	float:left;
+	min-height:31px;
+	width:83%;
+	background-color:#222;
+	margin:1px;
 	padding:2px;
 	border-bottom-right-radius: 20px;
 	border-top-right-radius: 20px;
@@ -60,18 +70,19 @@ if (!$accepted) {
 }
 .chatUsername {
 	font-family:Comic Sans MS, Comic Sans MS5, cursive;
-	min-height:36px;
+	min-height:34px;
 		text-overflow: ellipsis;
 	padding: 5px 5px 5px 5px;
 }
 .chatText {
 	font-family:Comic Sans MS, Comic Sans MS5, cursive;
-	min-height:36px;
+	min-height:34px;
 	padding: 5px 5px 5px 5px;
 }
 .chatInputMessage {
 	font-family:Comic Sans MS, Comic Sans MS5, cursive;
 	border: 1px solid gray;
+	background-color:#999;
 	width: 700px;
 	margin: 4px;
 }
@@ -149,17 +160,17 @@ function getChatDone(data) {
 		//console.log("INSIDE BUILD START");
 		p = '';
 		p = p+ " <div class='chatColumn1'>";
-		
 		p = p+ " 	<span class='chatTimestamp'>["+timestamp+"]</span>";
+		p = p+ "</div>";
+		
+		p = p+ " <div class='chatColumn2'>";
 		p = p+ "		<div class='grid_td chatBadge' style='float:left; width:35px; height:35px; background:"+user.wallColor+" url(images/marks/"+user.wallEmblem+");'>";
 		p = p+ "			<div style='background-color:transparent;' class='grid_td_inner grid_td_rocks'>";
 		p = p+ "			</div>";
 		p = p+ "		</div>";
 		p = p+ "	</div>";
 		
-
-		
-		p = p+ " <div class='chatColumn2'>";
+		p = p+ " <div class='chatColumn3'>";
 		
 		p = p+ "<span class='chatUsername'><a href='achievements?id="+user.userID+"' style='color:"+user.displayColor+"'>";
 		p = p+ user.displayName+"</a>:</span>";
@@ -242,6 +253,7 @@ function htmlEncode(value){
 
 </script>
 
+<div class='wrapper'>
 <h3>Pathery Chat - BETA</h3>
 
 <div class='chatContainer2'>
@@ -258,6 +270,7 @@ function htmlEncode(value){
 
 </div>
 
+</div>
 
 <?
 
-- 
cgit v1.2.3