From 76aa208d4b9f5e90d2c181402ab46a690edd43f5 Mon Sep 17 00:00:00 2001 From: Charles Holbrow Date: Tue, 19 Mar 2013 20:56:50 -0400 Subject: [PATCH] using css instead of hard spaces to move the placeholder text to the right --- karmaworld/assets/css/course_list_table.css | 1 + karmaworld/templates/courses/course_list.html | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) 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 }); -- 2.25.1