fix audio scorm width and error float

app/Resources/public/css/base.css

@@ -14,14 +14,17 @@ html{
     min-height: 100%;
 }
 body{
-    margin-bottom: 60px;
+    margin-bottom: 120px;
 }
 /* Sticky footer style */
 .sticky-footer{
     position: absolute;
     bottom: 0;
     width: 100%;
-    height: 60px;
+    height: 120px;
+}
+#content-section{
+    margin-bottom: 150px;
 }
 /* End Sticky footer style */
 select {
@@ -43,9 +46,7 @@ a.thumbnail:hover{
   -webkit-border-radius: 5px;
   text-align: justify;
 }
-#content-section{
-    margin-bottom: 90px;
-}
+
 .version-checking{
   padding: 10px;
   width: 100%;
@@ -5676,6 +5677,10 @@ a.sessionView {
 #sn-avatar-one a.expand-image img{
     width: 120px;
 }
+footer{
+    font-size: 12px;
+    padding-top: 10px;
+}
 /* CSS NEW TOP ******************************************************************************/
 /* CSS Responsive */
 @media (min-width: 1025px) and (max-width: 1200px) {

app/Resources/public/css/scorm.css

@@ -16,7 +16,10 @@ See https://support.chamilo.org/issues/6976
 #scorm-info.panel-default{
 
 }
-
+.audio-scorm #container{
+    min-height: 45px;
+    margin-bottom: 5px;
+}
 #author_image {
   border: 1px solid #CCCCCC;
   float: left;

main/inc/lib/display.lib.php

@@ -2042,8 +2042,8 @@ class Display
             case 'wav':
                 //no break;
             case 'ogg':
-                $html = '<audio src="' . $params['url'] . '" controls class="skip"></audio>';
-
+                $html = '<audio width="300px" controls src="'.$params['url'].'" >';
+                
                 return $html;
                 break;
         }

main/inc/lib/document.lib.php

@@ -3664,7 +3664,7 @@ class DocumentManager
             $return .= '<li class="doc_resource lp_resource_element '.$visibilityClass.' " data_id="' . $documentId . '" data_type="document" title="' . $my_file_title . '" >';
         }
 
-        $return .= '<div class="item_data" style="margin-left:' . ($num  * 18) . 'px;margin-right:5px;">';
+        $return .= '<div class="item_data" style="margin-left:' . ($num  * 5 ) . 'px;margin-right:5px;">';
 
         if ($add_move_button) {
             $return .= '<a class="moved" href="#">';

main/lp/lp_nav.php

@@ -48,14 +48,7 @@ if ($myLP) {
 }
 session_write_close();
 ?>
-<script>
-    $(document).ready(function() {
-        jQuery('video:not(.skip), audio:not(.skip)').mediaelementplayer({
-            success: function(player, node) {
-            }
-        });
-    });
-</script>
+
 <span>
     <?php echo !empty($mediaplayer) ? $mediaplayer : '&nbsp;' ?>
 </span>

main/template/default/layout/page_footer.tpl

@@ -33,7 +33,7 @@
                     </div>
                     {% endif %}
                 </div>
-                <div class="col-md-4">
+                <div class="col-md-4 text-right">
                     {% if administrator_name is not null %}
                     <div class="administrator-name">
                         {{ administrator_name }}

main/template/default/learnpath/view.tpl

@@ -24,12 +24,13 @@
                                         </div>
                                     {% endif %}
                                 </div>
-
+                                
                                 {% if show_audio_player %}
-                                    <div id="lp_media_file">
+                                    <div id="lp_media_file" class="audio-scorm">
                                         {{ media_player }}
                                     </div>
                                 {% endif %}
+                                
 
                                 {% if gamification_mode == 1 %}
                                     <hr>