From 70c64d63ff89a36a619fc6156f660f3317532443 Mon Sep 17 00:00:00 2001
From: Sacha Greif <sacha357@gmail.com>
Date: Mon, 24 Sep 2012 08:59:04 +0900
Subject: [PATCH] tweak layout when chat is open

---
 client/css/screen.css           | 13 +++++++++++--
 client/sass/partials/_grid.scss |  5 +++++
 client/templates/footer.js      |  1 +
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/client/css/screen.css b/client/css/screen.css
index c667540cf..68792bbb0 100644
--- a/client/css/screen.css
+++ b/client/css/screen.css
@@ -395,9 +395,18 @@ body.pageslide-open {
 /* line 5, ../sass/partials/_grid.scss */
 .grid {
   width: 74%;
-  margin: 0 13%; }
+  margin: 0 13%;
+  -webkit-transition: ease-out margin 300ms;
+  -webkit-transition-delay: 0ms;
+  -moz-transition: ease-out margin 300ms 0ms;
+  -o-transition: ease-out margin 300ms 0ms;
+  transition: ease-out margin 300ms 0ms; }
+  /* line 9, ../sass/partials/_grid.scss */
+  .chat-open .grid {
+    margin-right: 24%;
+    margin-left: 2%; }
 
-/* line 9, ../sass/partials/_grid.scss */
+/* line 14, ../sass/partials/_grid.scss */
 .grid-small {
   width: 320px;
   margin: 0 auto; }
diff --git a/client/sass/partials/_grid.scss b/client/sass/partials/_grid.scss
index 9b5e54e4d..dce07c602 100644
--- a/client/sass/partials/_grid.scss
+++ b/client/sass/partials/_grid.scss
@@ -5,6 +5,11 @@
 .grid{
 	width:74%;
 	margin:0 13%;
+	@include single-transition(ease-out, margin, 300ms, 0ms);
+	.chat-open &{
+		margin-right:24%;
+		margin-left:2%;
+	}
 }
 .grid-small{
 	width:320px;
diff --git a/client/templates/footer.js b/client/templates/footer.js
index 521a17f80..94ad8eff8 100644
--- a/client/templates/footer.js
+++ b/client/templates/footer.js
@@ -33,6 +33,7 @@ Template.footer.events = {
 		    }
 		    window.chat_loaded=true;
 		}
+		$('body').toggleClass('chat-open');
 		$('#tlkio').toggleClass('open');
 	}
 }
\ No newline at end of file