Improving the learner view when using the vertical acvitity option

main/course_home/vertical_activity.php

@@ -174,13 +174,36 @@ if (api_is_allowed_to_edit(null, true) && !api_is_coach()) {
 	$my_list = CourseHome::get_tools_category(TOOL_STUDENT_VIEW);
 	if (count($my_list) > 0) {
 ?>
-	<div class="Authoringview">
-
-		<table width="100%">
-<?php
-			CourseHome::show_tools_category($my_list, 'vertical_activity');
-?>
-		</table>
+	<div class="course-student-view-activity-3col">
+<?php
+
+			//ordering by get_lang name
+			$order_tool_list = array();
+			foreach($my_list as $key=>$new_tool) {
+				$tool_name = CourseHome::translate_tool_name($new_tool);
+				$order_tool_list [$key]= $tool_name;
+			}		
+			natsort($order_tool_list);		
+			$my_temp_tool_array = array();
+			foreach($order_tool_list as $key=>$new_tool) {
+				$my_temp_tool_array[] = $my_list[$key];
+			}
+			$my_list = $my_temp_tool_array;
+
+			$i = 0;
+			foreach($my_list as $new_tool) {
+				if ($i >= 10) {
+					$my_list2[] = $new_tool;
+				} else {
+					$my_list1[] = $new_tool;
+				}
+				$i++;
+			}
+			CourseHome::show_tools_category($my_list1, 'vertical_activity');
+			CourseHome::show_tools_category($my_list2, 'vertical_activity');
+			
+			
+?>		
 	</div>
 <?php
 	}

main/css/chamilo/default.css

@@ -4159,3 +4159,31 @@ span.form_required  {
 	-moz-border-radius: 10px;
 	border-radius: 10px;
 }
+
+
+.course-student-view-activity-3col {
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	background-color:#FFFFFF;
+	height: 350px;
+	width: 800px ;
+	margin-left: auto ;
+	margin-right: auto ;
+}
+
+.course-student-view-activity-3col ul {	
+	padding:10px 20px 10px 20px;
+	list-style-type:none;
+	/* height:240px; */
+	margin-left:0px;
+	margin: 0px 0px 0px 0px ;
+	 float:left;
+	width : 280px; 
+}
+
+.course-student-view-activity-3col ul li {	
+	padding:5px 0px 4px 0px;
+	/* float:left;
+	width : 380px; */
+}