Index: lams_tool_whiteboard/web/pages/learning/learning.jsp
===================================================================
diff -u -r492756e493a6ee187673cd84e1fc901a6c129711 -rc834a3c9964666b01df4eef7b31b6d12564c80dd
--- lams_tool_whiteboard/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision 492756e493a6ee187673cd84e1fc901a6c129711)
+++ lams_tool_whiteboard/web/pages/learning/learning.jsp	(.../learning.jsp)	(revision c834a3c9964666b01df4eef7b31b6d12564c80dd)
@@ -37,24 +37,27 @@
 			border: 1px solid #c1c1c1;
 		}
 		
-		.launch-fullscreen {
+		.full-screen-launch-button {
 			margin-bottom: 5px;
 		}
 		
-		.exit-fullscreen {
+		.full-screen-exit-button {
 			display: none;
 			margin-bottom: 5px;
 		}
+
 		
-		#fullPageContentDiv:fullscreen {
+		.full-screen-content-div:fullscreen {
 			padding: 20px 0 70px 0;
 		}
 		
-		#fullPageContentDiv:fullscreen #flexDiv {
+		.full-screen-content-div:fullscreen .full-screen-flex-div {
 			margin: 0 2%;
 		}
 		
-		#fullPageContentDiv:fullscreen #flexDiv, #fullPageContentDiv:fullscreen #mainDiv, #fullPageContentDiv:fullscreen #whiteboard-frame {
+		.full-screen-content-div:fullscreen .full-screen-flex-div,
+		.full-screen-content-div:fullscreen .full-screen-main-div,
+		.full-screen-content-div:fullscreen #whiteboard-frame {
 			height: 100%;
 			width: 100%;
 		}
@@ -239,17 +242,17 @@
 		
 		<p><c:out value="${whiteboard.instructions}" escapeXml="false" /></p>
 		
-		<div id="fullPageContentDiv">
-			<div id="flexDiv">
-				<a href="#" class="btn btn-default fixed-button-width pull-right launch-fullscreen" onclick="javascript:launchIntoFullscreen()"
+		<div class="full-screen-content-div">
+			<div class="full-screen-flex-div">
+				<a href="#" class="btn btn-default fixed-button-width pull-right full-screen-launch-button" onclick="javascript:launchIntoFullscreen(this)"
 				   title="<fmt:message key='label.fullscreen.open' />">
 					<i class="fa fa-arrows-alt" aria-hidden="true"></i>
 				</a> 
-		       	<a href="#" class="btn btn-default fixed-button-width pull-right exit-fullscreen" onclick="javascript:exitFullscreen()"
+		       	<a href="#" class="btn btn-default fixed-button-width pull-right full-screen-exit-button" onclick="javascript:exitFullscreen()"
 				   title="<fmt:message key='label.fullscreen.close' />">
 		       		<i class="fa fa-compress" aria-hidden="true"></i>
 		       	</a>
-		       	<div id="mainDiv">
+		       	<div class="full-screen-main-div">
 					<iframe id="whiteboard-frame"
 					        src='${whiteboardServerUrl}/?whiteboardid=${wid}&username=${whiteboardAuthorName}${empty whiteboardAccessToken ? "" : "&accesstoken=".concat(whiteboardAccessToken)}&copyfromwid=${whiteboard.contentId}${empty whiteboardCopyAccessToken ? "" : "&copyaccesstoken=".concat(whiteboardCopyAccessToken)}'>
 					</iframe>