fix mode gamification styles css refs - CT#7870

app/Resources/public/css/base.css

@@ -3567,51 +3567,6 @@ a.forum_group_link {
     box-shadow:none;
 }
 
-.announcement {
-    border: 1px solid #D3D3D3;
-    color: #555555;
-    font-weight: normal;
-    border-spacing: 0;
-    margin-bottom: 15px;
-    margin-top: 8px;
-    text-align: left;
-    width: 100%;
-}
-.announcement .title{
-    background: none repeat scroll 0 0 #F2F2F2;
-    color:black;
-}
-
-.announcement .title a:link,
-.announcement .title a:active,
-.announcement .title a:visited{
-    color: #555555;
-}
-
-.announcement .icon.attachement{
-    border:none;
-    border-radius: 0;
-    background-color: transparent;
-    width:16px;
-    height:16px;
-    margin:0;
-    padding:0;
-    display:inline-block;
-    background-image:  url('../../main/img/attachment.gif');
-    background-repeat: no-repeat;
-    background-position:center center;
-    box-shadow:none;
-}
-
-li.annoucement{
-    min-height: 76px;
-}
-
-.announcement .details{
-    font-style: italic;
-    text-align: right;
-}
-
 .control-text{
     padding-top: 5px;
     display:inline-block;
@@ -5845,6 +5800,7 @@ a.sessionView {
     border-radius: 25px;
     border-color: #00677C;
 }
+
 /* CSS NEW TOP ******************************************************************************/
 /* CSS Responsive */
 @media (min-width: 1025px) and (max-width: 1200px) {

app/Resources/public/css/scorm.css

@@ -55,9 +55,22 @@ See https://support.chamilo.org/issues/6976
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
-  margin-bottom: 10px;
+  margin-bottom: 5px;
   margin-top: 5px;
 }
+#learning_path_left_zone #scorm-gamification{
+    padding: 10px;
+    border: 1px solid #DDD;
+    border-radius: 5px;
+    margin-bottom: 5px;
+}
+#scorm-gamification .fa-star{
+    font-size: 20px;
+    color: #C2C2C2;
+}
+#scorm-gamification .fa-star.level{
+    color: #D9534F;
+}
 #learning_path_left_zone .navegation-bar .buttons{
   text-align: center;
   padding-top: 5px;

main/newscorm/learnpath.class.php

@@ -3232,9 +3232,9 @@ class learnpath
             if ($this->get_lp_session_id() == api_get_session_id()) {
                 $html .= '<div id="actions_lp" class="actions_lp">';
                 $html .= '<div class="btn-group">';
-                $html .= "<a class='btn btn-default' href='lp_controller.php?" . api_get_cidreq()."&gradebook=$gradebook&action=build&lp_id=" . $this->lp_id . "' target='_parent'>" . Display::returnFontAswesomeIcon('street-view') . get_lang('Overview') . "</a>";
-                $html .= "<a class='btn btn-default' href='lp_controller.php?" . api_get_cidreq()."&action=add_item&type=step&lp_id=" . $this->lp_id . "' target='_parent'>" . Display::returnFontAswesomeIcon('pencil') . get_lang('Edit') . "</a>";
-                $html .= '<a class="btn btn-default" href="lp_controller.php?'.api_get_cidreq()."&gradebook=$gradebook&action=edit&lp_id=" . $this->lp_id.'">' . Display::returnFontAswesomeIcon('cog') . get_lang('Settings').'</a>';
+                $html .= "<a class='btn btn-sm btn-default' href='lp_controller.php?" . api_get_cidreq()."&gradebook=$gradebook&action=build&lp_id=" . $this->lp_id . "' target='_parent'>" . Display::returnFontAswesomeIcon('street-view') . get_lang('Overview') . "</a>";
+                $html .= "<a class='btn btn-sm btn-default' href='lp_controller.php?" . api_get_cidreq()."&action=add_item&type=step&lp_id=" . $this->lp_id . "' target='_parent'>" . Display::returnFontAswesomeIcon('pencil') . get_lang('Edit') . "</a>";
+                $html .= '<a class="btn btn-sm btn-default" href="lp_controller.php?'.api_get_cidreq()."&gradebook=$gradebook&action=edit&lp_id=" . $this->lp_id.'">' . Display::returnFontAswesomeIcon('cog') . get_lang('Settings').'</a>';
                 $html .= '</div>';
                 $html .= '</div>';
             }

main/template/default/learnpath/view.tpl

@@ -39,6 +39,9 @@
 
                                 </div>
                             </div>
+                            <div id="lp_navigation_elem" class="navegation-bar">
+                                {{ navigation_bar }}
+                            </div>        
                              {% if gamification_mode == 1 %}
                             <!--- gamification -->    
                             <div id="scorm-gamification">
@@ -46,13 +49,13 @@
                                         <div class="col-xs-8">
                                             {% if gamification_stars > 0 %}
                                                 {% for i in 1..gamification_stars %}
-                                                    <i class="fa fa-star fa-2x"></i>
+                                                    <i class="fa fa-star level"></i>
                                                 {% endfor %}
                                             {% endif %}
 
                                             {% if gamification_stars < 4 %}
                                                 {% for i in 1..4 - gamification_stars %}
-                                                    <i class="fa fa-star-o fa-2x"></i>
+                                                    <i class="fa fa-star"></i>
                                                 {% endfor %}
                                             {% endif %}
                                         </div>
@@ -74,9 +77,7 @@
                                 {{ progress_bar }}
                             </div>
                              {% endif %}
-                            <div id="lp_navigation_elem" class="navegation-bar">
-                                {{ navigation_bar }}
-                            </div>
+                            
                             {% if show_audio_player %}
                                 <div id="lp_media_file">
                                     {{ media_player }}