Index: lams_tool_chat/web/pages/learning/learning.jsp
===================================================================
diff -u -r0e2f12434841f2b6d2f6b98210b6543c59483c1e -re2956cb8a072cc5ac9ceabaa9dac30c5750bf10b
--- lams_tool_chat/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 0e2f12434841f2b6d2f6b98210b6543c59483c1e)
+++ lams_tool_chat/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision e2956cb8a072cc5ac9ceabaa9dac30c5750bf10b)
@@ -63,16 +63,16 @@
 		
 			<!-- chat UI -->
 			<div class="row">
-				<div class="col-xs-12 col-sm-9 col-md-9 col-lg-8">
+				<div class="col-12 col-md-9 col-lg-9 col-xl-8">
 					<div id="messages"></div>
 				</div>
-				<div class="col-xs-12 col-sm-3 col-md-3 col-lg-4">
+				<div class="col-12 col-md-3 col-lg-3 col-xl-4">
 					<div id="roster" class="hidden-xs"></div>
 				</div>
 			</div>
 			<c:if test="${MODE == 'teacher'}">
 				<div class="row">
-					<div class="col-xs-12 voffset5">
+					<div class="col-12 voffset5">
 						<div id="sentTo">
 							<fmt:message key="label.sendMessageTo" />
 							&nbsp;<span id="sendToEveryone"><fmt:message key="label.everyone" /></span> <span id="sendToUser"
@@ -84,12 +84,12 @@
 		
 			<c:if test="${MODE != 'learner' || !chatDTO.lockOnFinish || !chatUserDTO.finishedActivity}">
 				<div class="row">
-					<div class="col-xs-12 col-sm-9 col-md-9 col-lg-8">
+					<div class="col-12 col-md-9 col-lg-9 col-xl-8">
 						<div id="textArea" class="voffset5">
 							<textarea id="sendMessageArea" rows="2" class="form-control" autofocus></textarea>
 						</div>
 					</div>
-					<div class="col-xs-12 col-sm-3 col-md-3 col-lg-4">
+					<div class="col-12 col-md-3 col-lg-3 col-xl-4">
 						<div id="sendMessageButtonCell" class="voffset5">
 							<input id="sendMessageButton" class="btn btn-autoresize btn-default" type="button" onclick="javascript:sendChatToolMessage()"
 								value='<fmt:message key="button.send"/>' />