chatbox styles and tabs and scrolling

Author: kevzettler

app/assets/javascripts/backbone/helpers/channels.js.coffee

@@ -18,7 +18,7 @@ class Kandan.Helpers.Channels
 
   @scrollToLatestMessage: (channelId)->
     console.log("scrolling to last message");
-    $('document').scrollTop($('docoument').height())
+    $('document').scrollTop($('document').height()+900)
     #@channel_activities_el(channelId).parent().scrollTop(100000)
 
   @currentScrollPosition: (channelId)->

app/assets/javascripts/backbone/kandan.js.coffee

@@ -58,6 +58,8 @@ window.Kandan =
   initChatArea: (channels)->
     chatArea = new Kandan.Views.ChatArea({channels: channels})
     $(".main-area").html(chatArea.render().el)
+    $(document).scrollTop($(document).height()+9000)
+
 
   bindEventCallbacks: ()->
     $(document).bind 'changeData', (element, name, value)->

app/assets/stylesheets/_base.sass

@@ -21,6 +21,7 @@
   padding: 0 5px
   +box-shadow(inset 0px -7px 6px -5px #3a4547)
   border-bottom: 1px solid #FFF
+  margin-top: -2px
 
 .user_menu_link
   float: right
@@ -68,11 +69,13 @@
 
 html
   +full-height
+  width: 100%
 
 body
   background: $page-bg url(image_path('page_bg.png')) repeat
   height: 100%
   min-height: 100%
+  width: 100%
   font-size: 13px
   font-family: 'PT Sans', sans-serif
 

app/assets/stylesheets/_chat_area.sass

@@ -93,14 +93,14 @@ html body .ui-tabs .ui-tabs-nav li
 
 .chatbox
   +border-bottom-radius(4px)
-  +background-image(linear-gradient($chatbox-bg-1, $chatbox-bg-2))
   +box-shadow(5px 0px 5px -3px #cccccc, -5px 0px 5px -3px #cccccc, 0px 5px 5px 0px #cccccc)
   float: left
   border-top: 1px solid #EBEFF1
   padding: 10px 0px 10px 10px
   width: 77%
   position: fixed
   bottom: 0px
+  margin-bottom: 20px
   textarea
     +border-top-left-radius(4px)
     +border-bottom-left-radius(4px)