Arrangement input search style in width auto for the skills - refs BT#7683

app/Resources/public/css/base.css

@@ -2415,9 +2415,7 @@ table#skill_holder {
 .badges-sidebar{
     height: 250px;
 }
-/* ****************************************************
-                     END SKILL
- **************************************************** */
+
 
 .skill_root {
     box-shadow: 2px 2px 19px #aaa;

main/inc/lib/javascript/tag/style.css

@@ -23,7 +23,7 @@ ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutt
 
 /* Autocompleter */
 
-.facebook-auto { display: none; position: absolute; background: #eee; z-index:1001;}
+.facebook-auto { display: none; background: #eee; z-index:1001;}
 .facebook-auto .select_all_items {display: block; float: right;}
 .facebook-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px;font-family:"Lucida Grande","Verdana"; font-size:11px; }
 .facebook-auto ul { display: none; margin: 0; padding: 0; overflow: auto; position:absolute; z-index:9999}

main/template/default/skill/skill_wheel.tpl

@@ -481,6 +481,9 @@
                 $('#frm-save-profile').modal('hide');
             });
         });
+        $(".facebook-auto").css("width","100%");
+        $(".facebook-auto ul").css("width","100%");
+        $("ul.holder").css("width","100%");
     });
 </script>
 <div id="page-back" class="page-skill">

main/template/default/skill/skill_wheel_student.tpl

@@ -146,6 +146,9 @@
         $('#frm-course-info').on('', function () {
             $('#frm-course-info').find('.modal-body').html('');
         });
+        $(".facebook-auto").css("width","100%");
+        $(".facebook-auto ul").css("width","100%");
+        $("ul.holder").css("width","100%");
     });
 
 </script>