update skill legend and fix css search BT#9082

main/css/base.css

@@ -3363,6 +3363,7 @@ form .formw .freeze {
 }
 .skill-options .skill-home{
   margin-top: 1em;
+  margin-bottom: 1em;
 }
 .skill-options .btn-block {
   box-sizing: border-box;
@@ -3382,7 +3383,6 @@ form .formw .freeze {
   margin-top: 1em;
 }
 .skill-options .form-search .holder{
-  border: 1px solid #cccccc;
   padding-left: .5em;
   padding-right: .5em;
 }
@@ -3448,6 +3448,7 @@ form .formw .freeze {
   background-color: #FFFFFF;
   padding-top: .5em;
   padding-bottom: .5em;
+  margin-bottom: 1em;
 }
 .skill-options .section-info-skill{
   display: inline-block;
@@ -3470,6 +3471,9 @@ form .formw .freeze {
 .skill-options .button-skill{
   margin-bottom: .5em;
 }
+.search-skill ul.holder li.bit-input input{
+  width: 100%;
+}
 .page-items-profile{
   padding-top: 2em;
   padding-bottom: 2em;

main/inc/lib/javascript/tag/jquery.fcbkcomplete.js

@@ -201,7 +201,7 @@ jQuery(
 	                var input = $(document.createElement("input"));
 	                
 	                li.attr({"class": "bit-input","id": elemid + "_annoninput"});        
-	                input.attr({"type": "text","class": "maininput","size": "1"});        
+	                input.attr({"type": "text","class": "maininput","size": "1"});
 	                holder.append(li.append(input));
 	                
 	                input.focus(

main/template/default/skill/skill_wheel.tpl

@@ -482,13 +482,7 @@ $(document).ready(function() {
             <div class="skill-home">
                 <a class="btn btn-large btn-block btn-success" href="{{ _p.web }}user_portal.php">{{ "ReturnToCourseList"|get_lang }}</a>
             </div>
-            <!-- Legend -->
-            <div class="legend">
-                <h4 class="title-skill">{{ "Legend"|get_lang }}</h4>
-                <p><span class="label-warning">&nbsp;&nbsp;&nbsp;&nbsp;</span> {{ "SkillsYouCanLearn"|get_lang }}</p>
-                <p><span class="label-important">&nbsp;&nbsp;&nbsp;&nbsp;</span> {{ "SkillsSearchedFor"|get_lang }}</p>
-            </div>
-            <!-- End Legend -->
+
 
             <!-- ACCORDION -->
 
@@ -562,6 +556,19 @@ $(document).ready(function() {
                         </div>
                     </div>
                 </div>
+                <div class="accordion-group">
+                    <div class="accordion-heading">
+                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
+                            <h4 class="title-skill">{{ "Legend"|get_lang }}</h4>
+                        </a>
+                    </div>
+                    <div id="collapseFour" class="accordion-body collapse">
+                        <div class="accordion-inner">
+                            <p><span class="label-warning">&nbsp;&nbsp;&nbsp;&nbsp;</span> {{ "SkillsYouCanLearn"|get_lang }}</p>
+                            <p><span class="label-important">&nbsp;&nbsp;&nbsp;&nbsp;</span> {{ "SkillsSearchedFor"|get_lang }}</p>
+                        </div>
+                    </div>
+                </div>
             </div>
 
             <!-- END ACCORDEON -->

main/template/default/skill/skill_wheel_student.tpl

@@ -292,14 +292,7 @@ $(document).ready(function() {
                         {% endfor %}
                     </div>
                 </div>
-                <!-- Legend -->
-                <div class="legend">
-                    <h4 class="title-skill">{{ "Legend"|get_lang }}</h4>
-                    <p><span class="label-info">&nbsp;&nbsp;&nbsp;&nbsp;</span> {{ "SkillsYouAcquired"|get_lang }}</p>
-                    <p><span class="label-warning">&nbsp;&nbsp;&nbsp;&nbsp;</span> {{ "SkillsYouCanLearn"|get_lang }}</p>
-                    <p><span class="label-important">&nbsp;&nbsp;&nbsp;&nbsp;</span> {{ "SkillsSearchedFor"|get_lang }}</p>
-                </div>
-                <!-- End Legend -->
+
                 <!-- ACCORDION -->
                 <div class="accordion" id="accordion2">
                     {% if mySkills is not empty %}
@@ -375,8 +368,24 @@ $(document).ready(function() {
                             </div>
                         </div>
                     </div>
+                    <div class="accordion-group">
+                        <div class="accordion-heading">
+                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
+                                <h4 class="title-skill">{{ "Legend"|get_lang }}</h4>
+                            </a>
+                        </div>
+                        <div id="collapseFour" class="accordion-body collapse">
+                            <div class="accordion-inner">
+                                <p><span class="label-info">&nbsp;&nbsp;&nbsp;&nbsp;</span> {{ "SkillsYouAcquired"|get_lang }}</p>
+                                <p><span class="label-warning">&nbsp;&nbsp;&nbsp;&nbsp;</span> {{ "SkillsYouCanLearn"|get_lang }}</p>
+                                <p><span class="label-important">&nbsp;&nbsp;&nbsp;&nbsp;</span> {{ "SkillsSearchedFor"|get_lang }}</p>
+                            </div>
+                        </div>
+                    </div>
                 </div>
                 <!-- END ACCORDEON -->
+
+
             </div>
             <div id="wheel_container" class="span9">
                 <div id="skill_wheel">