adding search icon to search bar

diff --git a/karmaworld/assets/css/course_list_table.css b/karmaworld/assets/css/course_list_table.css
index f7675cd17bea2642821f925acfb29ce2b9fbec0d..04bbe614cc8e52ab5a6307c6eb6d37469661541c 100644 (file)
--- a/karmaworld/assets/css/course_list_table.css
+++ b/karmaworld/assets/css/course_list_table.css
@@ -13,6 +13,9 @@ Search Bar
   border-style: solid;
   border-color: black;
   border-width: 1px;
+  background-image: url(../img/lightbox_search_icon.png);
+  background-position: 8px 50%;
+  background-repeat: no-repeat;
 }
 
 

diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html
index 51253ee60cd7ebc8710f798c7f2bd5a2a293bac1..ee81efcc3cd24c85bd5f5d864e618b57405b9a90 100644 (file)
--- a/karmaworld/templates/courses/course_list.html
+++ b/karmaworld/templates/courses/course_list.html
@@ -78,7 +78,7 @@ $(document).ready(function() {
     // Use out Ajax endpoing to populate the list
     //'sAjaxSource': "{% url 'api_course_list' %}" 
   });
-  $('.dataTables_filter input').attr("placeholder", "  search courses");
+  $('.dataTables_filter input').attr("placeholder", "   search courses");
   // TODO: can't prepend html to .dataTables_filter input html for fontawesome search icon
 });
 </script>