From 52b94f03f2a0423f7d7f4de49664baa75b788667 Mon Sep 17 00:00:00 2001
From: Alex Aragon <aragcar@gmail.com>
Date: Fri, 4 Mar 2016 14:36:48 -0500
Subject: [PATCH] fix catalog course responsive mobile

---
 app/Resources/public/css/base.css              | 18 ++++++++++++++++++
 .../default/auth/courses_categories.php        |  2 +-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/app/Resources/public/css/base.css b/app/Resources/public/css/base.css
index 30425b2377..4475548d92 100644
--- a/app/Resources/public/css/base.css
+++ b/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 {
diff --git a/main/template/default/auth/courses_categories.php b/main/template/default/auth/courses_categories.php
index ae8cdc2ee0..10da40aeeb 100755
--- a/main/template/default/auth/courses_categories.php
+++ b/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);