Index: lams_tool_chat/web/includes/css/chat.css
===================================================================
diff -u -ref13258732b950074ce269abe8f51fbc00762eca -re38ccb291b2f0b9257a65f331ed05ef8a5d45764
--- lams_tool_chat/web/includes/css/chat.css	(.../chat.css)	(revision ef13258732b950074ce269abe8f51fbc00762eca)
+++ lams_tool_chat/web/includes/css/chat.css	(.../chat.css)	(revision e38ccb291b2f0b9257a65f331ed05ef8a5d45764)
@@ -13,6 +13,10 @@
 	font-weight: bold;
 }
 
+
+
+
+
 /* ==================== LEARNING PAGE STYLES ==================== */
 
 #chatContent {
@@ -21,16 +25,33 @@
 	border-spacing: 10px;
 }
 
-#messages {
-	height: 260px;
-	overflow: auto;
-	border: 1px solid #999;
-	padding: 2px;
-	padding-left:5px;
+@media (max-width: 768px) {
+	#messages {
+		height: 100px;
+		resize: vertical;
+		overflow: auto;
+		border: 1px solid #999;
+		padding: 2px;
+		padding-left:5px;
+	}
+	
 }
 
+@media (min-width: 769px) {
+	#messages {
+		height: 200px;
+		resize: vertical;
+		overflow: auto;
+		border: 1px solid #999;
+		padding: 2px;
+		padding-left:5px;
+	}
+
+  
+}
+
 #roster {
-	height: 260px;
+	height: 200px;
 	overflow: auto;
 	border: 1px solid #999;
 	font-size: 12px;
@@ -40,7 +61,7 @@
 	
 #sendMessageArea {
 	border: 1px solid #999;
-	width: 99%;
+	width: 100%;
 }
 
 #sendMessageButtonCell {
Index: lams_tool_chat/web/pages/learning/learning.jsp
===================================================================
diff -u -r83811002f3d39ce647ddfe30f9371ad10bd499af -re38ccb291b2f0b9257a65f331ed05ef8a5d45764
--- lams_tool_chat/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 83811002f3d39ce647ddfe30f9371ad10bd499af)
+++ lams_tool_chat/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision e38ccb291b2f0b9257a65f331ed05ef8a5d45764)
@@ -71,7 +71,7 @@
 			</div>
 			<div class="col-xs-12 col-sm-3 col-md-2 col-lg-2 ">
 				<div id="sendMessageButtonCell" class="voffset5">
-					<input id="sendMessageButton" class="btn btn-sm btn-default" type="button" onclick="javascript:sendChatToolMessage()"
+					<input id="sendMessageButton" class="btn btn-autoresize btn-default" type="button" onclick="javascript:sendChatToolMessage()"
 						value='<fmt:message key="button.send"/>' />
 				</div>
 			</div>
Index: lams_tool_chat/web/pages/learning/parts/finishButton.jsp
===================================================================
diff -u -ref13258732b950074ce269abe8f51fbc00762eca -re38ccb291b2f0b9257a65f331ed05ef8a5d45764
--- lams_tool_chat/web/pages/learning/parts/finishButton.jsp	(.../finishButton.jsp)	(revision ef13258732b950074ce269abe8f51fbc00762eca)
+++ lams_tool_chat/web/pages/learning/parts/finishButton.jsp	(.../finishButton.jsp)	(revision e38ccb291b2f0b9257a65f331ed05ef8a5d45764)
@@ -53,13 +53,13 @@
 				test="${!chatUserDTO.finishedActivity and chatDTO.reflectOnActivity}">
 				<html:hidden property="dispatch" value="openNotebook" />
 
-				<html:submit styleClass="btn btn-primary pull-right voffset10">
+				<html:submit styleClass="btn btn-responsive btn-primary pull-right voffset10">
 					<fmt:message key="button.continue" />
 				</html:submit>
 			</c:when>
 			<c:otherwise>
 				<html:hidden property="dispatch" value="finishActivity" />
-				<html:link href="#nogo" styleClass="btn btn-primary pull-right voffset10 na" styleId="finishButton"  onclick="submitForm('finish')">
+				<html:link href="#nogo" styleClass="btn btn-primary pull-right voffset10 na btn-autoresize" styleId="finishButton"  onclick="submitForm('finish')">
 					 <span class="nextActivity">
 						 <c:choose>
 						 	<c:when test="${activityPosition.last}">