From 906d5832b24af6da611311a99531ff1cb6dab69a Mon Sep 17 00:00:00 2001
From: Frederic Ye <yefrederic@gmail.com>
Date: Tue, 14 Feb 2012 18:47:33 +0100
Subject: [PATCH] Works better with auto-scrolling ;)

---
 resources/css.css | 49 ++++++++++++++++++++++++-----------------------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/resources/css.css b/resources/css.css
index 5a80079..17f06f5 100644
--- a/resources/css.css
+++ b/resources/css.css
@@ -1,41 +1,42 @@
 /***Header***/
 #logo {
-  background: url("/resources/opa-logo.png") no-repeat scroll 0 0 transparent;
-  height: 32px;
-  margin: 10px 0 5px;
-  width: 61px;
+ background: url("/resources/opa-logo.png") no-repeat scroll 0 0 transparent;
+ height: 32px;
+ margin: 10px 0 5px;
+ width: 61px;
 }
 
 /***Conversation***/
 #conversation {
-  margin-top:58px;
-  margin-bottom:40px;
-  overflow:auto;
+ overflow:auto;
+ position: absolute;
+ margin: auto;
+ bottom: 48px;
+ top: 50px;
+ left: 0;
+ right: 0;
 }
 .line {
-  border-bottom:1px solid #ddd;
-  padding-bottom:8px;
-  margin-bottom:8px !important;
+ border-bottom:1px solid #ddd;
+ padding-bottom:8px;
+ margin-bottom:8px !important;
 }
 .user, .message {padding-top:8px;}
 .userpic {
-  background: url("/resources/user.png") no-repeat 0 0;
-  height: 40px;
-  width:40px;
+ background: url("/resources/user.png") no-repeat 0 0;
+ height: 40px;
+ width:40px;
 }
 .user {color: #000;font-weight:bold;}
 .message{color:#666;}
 
 /***Footer***/
 #footer {
-  background:#eee;
-  position:fixed;
-  bottom:0;
-  left:0;
-  width:100%;
-  padding:10px 0;
-  text-align:left;
-}
-
-
-
+ background:#eee;
+ position:fixed;
+ bottom:0;
+ left:0;
+ right:0;
+ padding:10px 0;
+ text-align:left;
+}
\ No newline at end of file