fix buttons navigation on mobile view corrected css

app/Resources/public/css/base.css

@@ -5885,10 +5885,6 @@ ul#toolnavbox-two li a.btn{
 .block-invitation .title-profile{
     font-weight: bold;
 }
-.view-options{
-    padding-top: 7px;
-    margin-right: 10px;
-}
 .select2-container--default .select2-selection--multiple{
     background-color: #FFF !important;
     border: 1px solid #CCC !important;

app/Resources/public/css/scorm.css

@@ -152,18 +152,22 @@ See https://support.chamilo.org/issues/6976
 #learning_path_breadcrumb_zone .breadcrumb a:hover{
   color: #dddddd;
 }
-#view_as_link{
-  margin-right: 10px;
-}
 .total{
   width: 100%;
 }
+.view-options{
+    padding-top: 3px;
+    margin-right: 5px;
+}
 .panel-default .panel-heading .btn{
   top: -25px;
 }
 .panel-default .panel-heading .dropdown-menu{
   top: 30%;
 }
+#content-scorm .breadcrumb{
+  padding: 5px;
+}
 .scorm-heading{
   font-size: 14px;
   padding-top: 5px;
@@ -401,14 +405,25 @@ See https://support.chamilo.org/issues/6976
 }
 #lp-view-expand-button{
     border: none;
+    background: none;
+    padding: 0;
+    margin: 0;
 }
-.icon-toolbar{
-    border-radius: 100%;
-    width: 35px;
-    display: inline-block;
-    margin: 0px 5px 5px 0px;
-    color: #fff;
-    
+.movil-toolbar{
+    width: 100%;
+    height: 40px;
+    padding-top: 5px;
+}
+.btn-movil{
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+.btn-movil li{
+    display: block;
+    float: left;
+    margin-left: 5px;
+    margin-right: 5px;
 }
 .icon-toolbar .fa{
     width: 35px;
@@ -418,6 +433,7 @@ See https://support.chamilo.org/issues/6976
     border-radius: 100%;
     background-color: #34495E;
     font-size: 20px;
+    color: #FFF;
 }
 .icon-toolbar .fa:hover{
     background-color: #000;
@@ -508,10 +524,10 @@ See https://support.chamilo.org/issues/6976
     #home-course{
         display: none !important;
     }
-    .movil-toolbar{
-        text-align: center;
-    }
     .scorm-title{
         font-size: 14px;
     }
+    .movil-toolbar{
+        padding-left: 35%;
+    }
 }

main/template/default/learnpath/view.tpl

@@ -7,7 +7,7 @@
             <div id="learning_path_left_zone" class="sidebar-scorm">
                 <div class="lp-view-zone-container">
                     <div id="scorm-info">
-                        <div id="panel-scorm" class="panel-bsody">
+                        <div id="panel-scorm" class="panel-body">
                             <div class="image-avatar">
                                     {% if lp_author == '' %}
                                        <div class="text-center">
@@ -30,10 +30,7 @@
                                         {{ media_player }}
                                     </div>
                                 {% endif %}
-                                
-
                                 {% if gamification_mode == 1 %}
-                                    <hr>
                                     <!--- gamification -->    
                                     <div id="scorm-gamification">
                                         <div class="row">
@@ -68,19 +65,21 @@
                                         {{ progress_bar }}
                                     </div>
                                 {% endif %}
-
-                                {{ teacher_toc_buttons }}
-
-                            <hr class="visible-xs-block">
                                 <div class="visible-xs-block movil-toolbar">
-                                <button type="button" id="lp-view-expand-button" class="icon-toolbar expand visible-xs-block">
-                                <span class="fa fa-expand" aria-hidden="true"></span>
-                                </button>
+                                    <ul class="btn-movil">
+                                        <li>
                                             <a href="{{ button_home_url }}" class="icon-toolbar" target="_self" onclick="javascript: window.parent.API.save_asset();">
                                                 <em class="fa fa-home"></em> <span class="hidden-xs hidden-sm"></span>
                                             </a>
+                                        </li>
+                                        <li>
+                                            <button type="button" id="lp-view-expand-button" class="icon-toolbar expand visible-xs-block">
+                                                <span class="fa fa-expand" aria-hidden="true"></span>
+                                            </button>
+                                        </li>
+                                    </ul>
                                 </div>
-                            
+                                {{ teacher_toc_buttons }}
                         </div>
                     </div>