From 380db06ab13e4524247999e92cb4065aeaf12ef1 Mon Sep 17 00:00:00 2001
From: Angel Fernando Quiroz Campos <angelfqc.18@gmail.com>
Date: Fri, 1 Apr 2016 11:13:36 -0500
Subject: [PATCH] Fix template for jplayer viewer - refs BT#11021

---
 main/document/showinframes.php | 10 ++++------
 main/inc/lib/document.lib.php  |  2 +-
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/main/document/showinframes.php b/main/document/showinframes.php
index 1f84815ede..22778fd9e7 100755
--- a/main/document/showinframes.php
+++ b/main/document/showinframes.php
@@ -337,7 +337,7 @@ if (isset($_GET['origin']) && $_GET['origin'] === 'learnpathitem') {
     Display::display_header('');
 }
 
-echo '<div align="center">';
+echo '<div class="text-center">';
 
 $file_url = api_get_path(WEB_COURSE_PATH).$courseInfo['path'].'/document'.$header_file;
 $file_url_web = $file_url.'?'.api_get_cidreq();
@@ -361,17 +361,15 @@ if ($show_web_odf) {
     echo '</div>';
 } else {
     // ViewerJS already have download button
-    echo '<a class="btn btn-default" href="'.$file_url_web.'" target="_blank"><em class="fa fa-download"></em>
-'.get_lang('Download').'</a>';
+    echo '<p>';
+    echo Display::toolbarButton(get_lang('Download'), $file_url_web, 'download', 'default', ['target' => '_blank']);
+    echo '</p>';
 }
 
 echo '</div>';
 
 if ($jplayer_supported) {
-    echo '<br />';
-    echo '<div class="col-md-3 col-md-offset-3">';
     echo DocumentManager::generate_video_preview($document_data);
-    echo '</div>';
 
     // media_element blocks jplayer disable it
     Display::$global_template->assign('show_media_element', 0);
diff --git a/main/inc/lib/document.lib.php b/main/inc/lib/document.lib.php
index 919811a160..0b4006e00b 100755
--- a/main/inc/lib/document.lib.php
+++ b/main/inc/lib/document.lib.php
@@ -3212,7 +3212,7 @@ class DocumentManager
     {
         //<button class="jp-video-play-icon" role="button" tabindex="0">play</button>
         $html = '
-        <div id="jp_container_1" class="jp-video" role="application" aria-label="media player">
+        <div id="jp_container_1" class="jp-video center-block" role="application" aria-label="media player">
             <div class="jp-type-single">
                 <div id="jquery_jplayer_1" class="jp-jplayer"></div>
                 <div class="jp-gui">