more work on mod chat

1 files changed, 46 insertions, 56 deletions

diff --git a/view/css/mod_chat.css b/view/css/mod_chat.css
index c59d8d459..69c2e1528 100644
--- a/view/css/mod_chat.css
+++ b/view/css/mod_chat.css
@@ -20,77 +20,67 @@
 	padding: 7px 10px;
 }
 
+section,
+aside {
+	padding-bottom: 0px;
+}
+
+#chatTopBar {
+	float: left;
+	height: 400px;
+	overflow-y: auto;
+}
 
- #chatContainer {
-	 height: 100%;
-	 width: 100%;
- }
- 
- #chatTopBar {
-	 float: left;
-	 height: 400px;
-	 width: 77%;
-	 overflow-y: auto;
- }
- 
- #chatSide {
-	 float: right;
-	 width: 20%;
-	 height: 100%;
- }
-
- #chatDrop {
-	margin: 20px 0;
-	float: right;
-}
-
- #chatUsers {
-	border: 1px solid #000;
-}
-
- #chatBottomBar {
-	 position: relative;
-	 bottom: 0;
-	 height: 150px;
-	 margin-top: 20px;
- }
- 
-#chatOptionsBar {
-	margin-top: 20px;
-}
-
- #chatText {
-	 width: 100%;
- }
-
- section {
-	 padding-bottom: 0;
- }
 
-.chat-item {
-	padding: 3px;
+#chatUsers img {
+	float: left;
+	margin-right: 5px;
+}
+
+.name {
+	font-weight: bold;
 }
 
-.chat-item-end {
-	clear: both;
+#chatBottomBar {
+	position: relative;
+	bottom: 0;
+	margin-top: 10px;
+}
+
+.chat-item {
+	display: table;
+	table-layout: fixed;
+
 }
 
 .chat-item-photo {
-	float: left;
+	display: table-cell;
 	height: 32px;
 	width: 32px;
+	vertical-align: top;
 }
 
 .chat-body {
-	float: left;
-	width: 80%;
-	margin-left: 15px;
+	display: table-cell;
+	vertical-align: top;
+	padding: 0px 0px 20px 10px;
 }
 
-.chat-item-text {
-	float: left;
-	padding: 3px;
+.chat-item-title {
 	display: inline-block;
+	padding: 3px;
+	margin-bottom: 3px;
 }
 
+.online {
+	color: green;
+}
+
+.away {
+	color: orange;
+}
+
+.leave {
+	color: red;
+}