fix template activity and base.css

app/Resources/public/css/base.css

@@ -123,14 +123,6 @@ a.thumbnail:hover {
     padding: 5px;
 }
 
-.title-tools {
-    text-align: left;
-    font-size: 20px;
-    margin-bottom: 20px;
-    padding-top: 10px;
-    padding-left: 20px;
-}
-
 #form-login .input-group {
     margin-top: 10px;
     margin-bottom: 10px;
@@ -1632,12 +1624,19 @@ a.unread {
 #course_tools .content {
     text-align: center;
     margin-bottom: 20px;
+    margin-top: 10px;
+    width:100%;
+    height:50px;
+    text-overflow:ellipsis;
+    white-space:nowrap;
+    overflow:hidden;
 }
-
-#course_tools .content a {
-    font-size: 12px;
+#course_tools .content:hover{
+    width: auto;
+    white-space: initial;
+    overflow:visible;
+    cursor: pointer;
 }
-
 .course-tool .make_visible_and_invisible img {
     margin-top: -3px;
     margin-right: 5px;

app/Resources/public/css/themes/chamilo/default.css

@@ -52,6 +52,9 @@ a:focus {
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
 }
+.navbar-nav > li{
+  margin-bottom: 0;
+}
 .navbar-collapse{
   overflow: hidden !important;
 }

main/template/default/course_home/activity.tpl

@@ -1,6 +1,11 @@
 {% for block in blocks %}
     {% if block.title %}
-        <h2 class="title-tools">{{ block.title }}</h2>
+        <div class="row">
+            <div class="col-md-12">
+                <h4 class="title-tools">{{ block.title }}</h4>
+            </div>
+        </div>
+
     {% endif %}
 
     <div class="row {{ block.class }}">
@@ -17,16 +22,16 @@
 
         {% if 'homepage_view'|api_get_setting == 'activity_big' %}
             {% for item in block.content %}
-                <div class="col-xs-6 col-md-3 course-tool">
-                    <div class="big_icon">
-                        {{ item.tool.image }}
-                    </div>
-                    <div class="content">
-                        <h4>
+                <div class="col-xs-6 col-sm-4 col-md-3">
+                    <div class="course-tool">
+                        <div class="big_icon">
+                            {{ item.tool.image }}
+                        </div>
+                        <div class="content">
                             {{ item.visibility }}
                             {{ item.extra }}
                             {{ item.link }}
-                        </h4>
+                        </div>
                     </div>
                 </div>
             {% endfor %}