diff --git a/app/assets/stylesheets/legacy.scss b/app/assets/stylesheets/legacy.scss
index b5cee16a..cc5f1916 100644
--- a/app/assets/stylesheets/legacy.scss
+++ b/app/assets/stylesheets/legacy.scss
@@ -14,7 +14,7 @@ div.depends_on label {
     float: left;
 }
 
-div#input_box div#todo_new_action_container div#todo_multi_add form#todo-form-multi-new-action.inline-form label {
+div#input_box div#todo_multi_add form#todo-form-multi-new-action.inline-form label {
     float: center;
 }
 
@@ -900,11 +900,13 @@ input#go_to_project, input#context_hide {
     text-align:right;
 }
 
-#todo-form-new-action label, .edit_todo_form label {
+.edit_todo_form label {
     display: block;
     padding-bottom: 3px;
 }
 
+
+
 form.button-to {
     border: none;
     padding: 0px;
diff --git a/app/views/todos/_new_todo_form.html.erb b/app/views/todos/_new_todo_form.html.erb
index 53280b17..aa02e6a6 100644
--- a/app/views/todos/_new_todo_form.html.erb
+++ b/app/views/todos/_new_todo_form.html.erb
@@ -8,56 +8,66 @@
       <%= get_list_of_error_messages_for(todo) %>
     </div>
 
-    <label for="todo_description" style="float:left"><%= Todo.human_attribute_name('description') %></label>
-    <a href="#" id="new_todo_starred_link" class="undecorated_link" ><%= image_tag("blank.png", :title =>t('todos.star_action'), :class => "todo_star", :style=> "float: right")%></a>
-    <%= t.text_field("description", "size" => 30, "maxlength" => 100, "autocomplete" => "off", :autofocus => true) %>
-
-    <label for="todo_notes"><%= Todo.human_attribute_name('notes') %></label>
-    <%= t.text_area("notes", "cols" => 29, "rows" => 6) %>
-
-    <label for="todo_project_name"><%= Todo.human_attribute_name('project') %></label>
-    <input id="todo_project_name" name="project_name" autocomplete="off" size="30" type="text" value="<%= h(@initial_project_name) %>" />
-    <div class="page_name_auto_complete" id="project_list" style="display:none"></div>
-
-    <label for="todo_context_name"><%= Todo.human_attribute_name('context') %></label>
-    <input id="todo_context_name" name="context_name" autocomplete="off" size="30" type="text" value="<%= h(@initial_context_name) %>" />
-
-    <label for="tag_list"><%= Todo.human_attribute_name('tags') + ' (' + t('shared.separate_tags_with_commas') + ')' %></label>
-    <%= hidden_field_tag "initial_tag_list", @initial_tags%>
-    <%= text_field_tag "tag_list", @initial_tags, :size => 30 %>
-    <%= content_tag("div", "", :id => "tag_list_auto_complete", :class => "auto_complete") %>
-
-    <div class="due_input">
-      <label for="todo_due"><%= Todo.human_attribute_name('due') %></label>
-      <%= t.text_field("due", "size" => 12, "class" => "Date", "autocomplete" => "off") %>
+    <div class="form-group">
+      <label for="todo_description" style="float:left"><%= Todo.human_attribute_name('description') %></label>
+      <a href="#" id="new_todo_starred_link" class="undecorated_link" ><%= image_tag("blank.png", :title =>t('todos.star_action'), :class => "todo_star", :style=> "float: right")%></a>
+      <%= t.text_field("description", "size" => 30, "maxlength" => 100, "autocomplete" => "off", :autofocus => true, :class => "form-control input-sm") %>
     </div>
 
-    <div class="show_from_input">
-      <label for="todo_show_from"><%= Todo.human_attribute_name('show_from') %></label>
-      <%= t.text_field("show_from", "size" => 12, "class" => "Date", "autocomplete" => "off") %>
+    <div class="form-group">
+      <label for="todo_notes"><%= Todo.human_attribute_name('notes') %></label>
+      <%= t.text_area("notes", "cols" => 29, "rows" => 6, :class => "form-control input-sm") %>
+    </div>
+
+    <div class="form-group">
+      <label for="todo_project_name"><%= Todo.human_attribute_name('project') %></label>
+      <input class="form-control input-sm" id="todo_project_name" name="project_name" autocomplete="off" size="30" type="text" value="<%= h(@initial_project_name) %>" />
+      <div class="page_name_auto_complete" id="project_list" style="display:none"></div>
+    </div>
+
+    <div class="form-group">
+      <label for="todo_context_name"><%= Todo.human_attribute_name('context') %></label>
+      <input class="form-control input-sm" id="todo_context_name" name="context_name" autocomplete="off" size="30" type="text" value="<%= h(@initial_context_name) %>" />
+    </div>
+
+    <div class="form-group">
+      <label for="tag_list"><%= Todo.human_attribute_name('tags') + ' (' + t('shared.separate_tags_with_commas') + ')' %></label>
+      <%= hidden_field_tag "initial_tag_list", @initial_tags%>
+      <%= text_field_tag "tag_list", @initial_tags, :size => 30, :class => "form-control input-sm" %>
+      <%= content_tag("div", "", :id => "tag_list_auto_complete", :class => "auto_complete") %>
+    </div>
+
+    <div class="form-group">
+      <div class="due_input">
+        <label for="todo_due"><%= Todo.human_attribute_name('due') %></label>
+        <%= t.text_field("due", "size" => 12, "class" => "Date form-control input-sm", "autocomplete" => "off") %>
+      </div>
+
+      <div class="show_from_input">
+        <label for="todo_show_from"><%= Todo.human_attribute_name('show_from') %></label>
+        <%= t.text_field("show_from", "size" => 12, "class" => "Date form-control input-sm", "autocomplete" => "off") %>
+      </div>
     </div>
 
     <div class="depends_on">
-      <label for="predecessor_ul"><%= Todo.human_attribute_name('predecessors')%></label>
-      <div class="selected_predecessors">
-        <ul class="predecessor_list" id="predecessor_ul" style="display:none">
-        </ul>
+      <div class="form-group">
+        <label for="predecessor_ul"><%= Todo.human_attribute_name('predecessors')%></label>
+        <div class="selected_predecessors">
+          <ul class="predecessor_list" id="predecessor_ul" style="display:none">
+          </ul>
+        </div>
+        <label id="label_for_predecessor_input" for="predecessor_input" style="display:none"><%= t('todos.add_another_dependency')%></label>
+        <%= text_field_tag "predecessor_input", nil, :size => 30, :class => "form-control input-sm" %>
       </div>
-      <label id="label_for_predecessor_input" for="predecessor_input" style="display:none"><%= t('todos.add_another_dependency')%></label>
-      <%= text_field_tag "predecessor_input", nil, :size => 30 %>
       <%= hidden_field_tag "predecessor_list", ""%>
     </div>
 
     <%= source_view_tag( @source_view ) %>
     <%= hidden_field_tag :_tag_name, @tag_name.underscore.gsub(/\s+/,'_') if source_view_is :tag %>
 
-    <div class="submit_box">
-      <div class="widgets">
-        <button type="submit" class="positive" id="todo_new_action_submit">
-          <%=  image_tag("accept.png", :alt => "") + t('shared.add_action') %>
-        </button>
-      </div>
-    </div>
+    <button type="submit" class="btn btn-success" id="todo_new_action_submit">
+      <%= t('shared.add_action') %>
+    </button>
 
   <% end # form_for -%>
 </div>