From: Charles Holbrow Date: Wed, 20 Mar 2013 00:56:50 +0000 (-0400) Subject: using css instead of hard spaces to move the placeholder text to the right X-Git-Tag: release-20150131~491 X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=76aa208d4b9f5e90d2c181402ab46a690edd43f5;p=oweals%2Fkarmaworld.git using css instead of hard spaces to move the placeholder text to the right --- diff --git a/karmaworld/assets/css/course_list_table.css b/karmaworld/assets/css/course_list_table.css index 04bbe61..4090ecb 100644 --- a/karmaworld/assets/css/course_list_table.css +++ b/karmaworld/assets/css/course_list_table.css @@ -13,6 +13,7 @@ Search Bar border-style: solid; border-color: black; border-width: 1px; + padding-left: 32px; /* move the placeholder text to the right*/ 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 ee81efc..3c56cc9 100644 --- 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 });