fix catalog course responsive mobile

app/Resources/public/css/base.css

@@ -5851,9 +5851,16 @@ a.sessionView {
     padding-right: 15px;
     visibility: visible;
   }
+  .items-course{
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-bottom: 15px;
+    padding-top: 15px;
+  }
 }
 /* Landscape phones and down */
 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
+  
   #learning_path_breadcrumb_zone {
   }
   #learning_path_main{
@@ -5928,6 +5935,7 @@ a.sessionView {
   #show_graph{
    text-align: center;
   }
+  
 }
 @media (min-width : 480px) and (max-width: 767px) {
   #touch-button{
@@ -5936,6 +5944,9 @@ a.sessionView {
   .sidebar-scorm{
     width: 100%;
   }
+  .items-course{
+    padding: 15px;
+  }
   #control-bottom.well{
     padding: 10px;
   }
@@ -5969,6 +5980,13 @@ a.sessionView {
     footer #footer_right{
         text-align: center;
     }
+    .items-course{
+        padding: 5px;
+        min-height: 300px;
+    }
+    .col-xs-6{
+        width: 100%;
+    }
 }
 
 .elfinder-cwd-filename {

main/template/default/auth/courses_categories.php

@@ -217,7 +217,7 @@ if ($showCourses && $action != 'display_sessions') {
             $icon_title = null;
             $html = null;
             // display the course bloc
-            $html .= '<div class="col-md-3"><div class="items-course">';
+            $html .= '<div class="col-xs-6 col-sm-6 col-md-3"><div class="items-course">';
 
             // display thumbnail
             $html .= return_thumbnail($course, $icon_title);