Index: lams_central/web/groupContents.jsp
===================================================================
diff -u -rdc7b67e7677c8cd2289130c67094a62b39177d05 -rb3ac8b06b9377eac584d8aa906d615cb31a808b8
--- lams_central/web/groupContents.jsp	(.../groupContents.jsp)	(revision dc7b67e7677c8cd2289130c67094a62b39177d05)
+++ lams_central/web/groupContents.jsp	(.../groupContents.jsp)	(revision b3ac8b06b9377eac584d8aa906d615cb31a808b8)
@@ -7,7 +7,7 @@
 	<div id="${lesson.id}" class="j-single-lesson">
 		<c:choose>
 			<c:when test="${empty lesson.url}">
-				<a class="disabled-sequence-name-link"> <c:out value="${lesson.name}" />
+				<a class="text-danger"> <c:out value="${lesson.name}" />
 				</a>
 			</c:when>
 			<c:otherwise>
@@ -16,32 +16,26 @@
 			</c:otherwise>
 		</c:choose>
 		<c:if test="${lesson.state eq 4}">
-			<span class="mycourses-stop-img mycourses-span" title="<fmt:message key="label.disabled"/>">&nbsp;</span>
+			<i class="fa fa-minus-circle text-danger loffset10" title="<fmt:message key="label.disabled"/>"></i>
 		</c:if>
 		<c:if test="${lesson.state eq 6}">
-			<span class="mycourses-stop-img mycourses-span" title="<fmt:message key="label.archived"/>">&nbsp;</span>
+			<i class="fa fa-archived text-danger loffset10" title="<fmt:message key="label.archived"/>"></i>
 		</c:if>
 		<c:if test="${lesson.dependent or lesson.scheduledFinish}">
-			<span class="mycourses-conditions-img mycourses-span" title="<fmt:message key="index.conditions.flag.tooltip"/>">&nbsp;</span>
+			 <i class="fa fa-code-fork text-warning loffset10" title="<fmt:message key="index.conditions.flag.tooltip"/>"></i>
 		</c:if>
 		<c:if test="${lesson.completed}">
-			<span class="mycourses-completed-img mycourses-span" title="<fmt:message key="label.completed"/>">&nbsp;</span>
+			<i class="fa fa-check-circle text-success loffset10" title="<fmt:message key="label.completed"/>"></i>
 		</c:if>
 
-		<div class="lesson-actions">
+		<div class="lesson-actions" style="transform: rotate(180deg);">
 			<c:forEach var="lessonlink" items="${lesson.links}">
-				<a href="<c:out value='${lessonlink.url}'/>"
+				<a href="<c:out value='${lessonlink.url}'/>"  style="padding-left: 10px; padding-right:10px;"
 					<c:if test="${not empty lessonlink.tooltip}">
 						title="<fmt:message key='${lessonlink.tooltip}'/>"
-					</c:if>
-				>
-					<div class="${lessonlink.style} mycourses-div">
-						<span class="lesson-action-label">
-							<fmt:message key="${lessonlink.name}" />
-						</span>
-					</div>
-				</a>
+					</c:if>>
+					 	<i style="transform: rotate(-180deg);" class="${lessonlink.style} lesson-action-label" title="<fmt:message key='${lessonlink.name}'/>"></i></a>
 			</c:forEach>
 		</div>
 	</div>
-</c:forEach>
\ No newline at end of file
+</c:forEach>