Index: lams_monitoring/web/css/_tblmonitor_base.scss
===================================================================
diff -u -r3d22f01e4e6feaa951c706bcac57d287b50635ed -r403a0da00fe43c0d695b3f86c50fd891c34a735d
--- lams_monitoring/web/css/_tblmonitor_base.scss	(.../_tblmonitor_base.scss)	(revision 3d22f01e4e6feaa951c706bcac57d287b50635ed)
+++ lams_monitoring/web/css/_tblmonitor_base.scss	(.../_tblmonitor_base.scss)	(revision 403a0da00fe43c0d695b3f86c50fd891c34a735d)
@@ -71,11 +71,14 @@
 	text-decoration: none;
 }
 
+#page-content-wrapper #menu-left-controls {
+	padding-top: 25px;
+}
+
 .courses-title {
-    padding-left: 0;
-    word-break: break-all;
     line-height: 10px;
     font-size: 19px;
+	vertical-align: middle;
 }
 
 .offcanvas-header {
Index: lams_monitoring/web/tblmonitor/tblmonitor.jsp
===================================================================
diff -u -reb459d1edd7a91f2bb5b1baf83bcaca05e4b4ea2 -r403a0da00fe43c0d695b3f86c50fd891c34a735d
--- lams_monitoring/web/tblmonitor/tblmonitor.jsp	(.../tblmonitor.jsp)	(revision eb459d1edd7a91f2bb5b1baf83bcaca05e4b4ea2)
+++ lams_monitoring/web/tblmonitor/tblmonitor.jsp	(.../tblmonitor.jsp)	(revision 403a0da00fe43c0d695b3f86c50fd891c34a735d)
@@ -209,12 +209,6 @@
 				<div class="logo">
 				</div>
 			</div>
-				
-			<div class="offcanvas-header">
-				<span class="courses-title ">
-					${lesson.lessonName}
-				</span>
-			</div>
 
 			<table class="tablesorter">
 				<tr>
@@ -327,10 +321,13 @@
 
 			<!-- Top bar -->
 			<div class="top-nav">
-				<div class="col-xs-5 col-md-3 col-lg-3">
+				<div class="col-xs-9 col-md-7 col-lg-7" id="menu-left-controls">
 					<a href="#">
 						<i class="fa fa-bars fa-lg" id="menu-toggle-bars"></i>
 					</a>
+					<span class="courses-title">
+						<c:out value="${lesson.lessonName}" escapeXml="true" />
+					</span>
 				</div>
 						
 				<div>