Clean up styles

file/js/be.bastelstu.Chat.litcoffee

@@ -255,6 +255,14 @@ Handling toggling when a toggable button is `click`ed.
 						
 					$('#timsChatInput').focus()
 
+Mark smilies as disabled.
+
+				$('#timsChatSmilies').click (event) ->
+					if $(@).data 'status'
+						$('#smilies').removeClass 'disabled'
+					else
+						$('#smilies').addClass 'disabled'
+
 Toggle fullscreen mode.
 
 				$('#timsChatFullscreen').click (event) ->

file/style/be.bastelstu.wcf.chat.less

@@ -11,8 +11,7 @@
 		text-align: left;
 		
 		#timsChatTopic {
-			padding: 5px;
+			padding: @wcfGapTiny;
-			margin-bottom: @wcfGapSmall;
 			.transition(height, .2s);
 			.transition(padding-top, .2s);
 			.transition(padding-bottom, .2s);
@@ -87,14 +86,8 @@
 		}
 	}
 	
-	#timsChatLog .timsChatMessageContainer {
-		height: auto;
-		overflow: visible;
-	}
-	
 	.sidebar {
-		margin-bottom: -20px !important;
+		padding-top: 0;
-		padding: 0;
 		
 		#sidebarContent {
 			padding-top: 0px;
@@ -241,10 +234,6 @@
 			}
 		}
 		
-		h2 {
-			margin: auto;
-		}
-		
 		ul {
 			li {
 				a {
@@ -256,26 +245,8 @@
 		}
 	}
 	
-	#timsChatForm {
-		white-space: nowrap;
-		margin-top: 10px;
-		// Fix to align chatInput in center
-		text-align: center;
-		
-		#timsChatInput {
-			position: relative;
-			z-index: 10;
-		}
-	}
-	
 	#timsChatControls {
-		position: relative;
-		.borderRadius(5px, 5px, 0, 5px);
-		
 		#smilies {
-			padding: 14px 21px 7px;
-			border-bottom-right-radius: 0px;
-			
 			li {
 				.transition(opacity, .2s);
 			}

template/chat.tpl

@@ -97,7 +97,7 @@
 	<div>
 		<p id="timsChatTopic" class="container{if $room->topic|language === ''} empty{/if}">{$room->topic|language}</p>
 		
-		<div id="timsChatMessageContainer" class="timsChatMessageContainer container box shadow1">
+		<div id="timsChatMessageContainer" class="timsChatMessageContainer marginTop container">
 			<p class="error noJsOnly" style="display: none;">{lang}chat.general.noJs{/lang}</p>
 			<ul>
 			</ul>