change styling towards design rj

app/assets/javascripts/qsupplier.js.coffee

@@ -5,7 +5,16 @@ root.Qsupplier=
     section_container = $('.section-tables-active')
     section_container.append(table_container)
     Qsupplier.position_table_in_active_section(section_container, table_container)
-  position_table_in_active_section: (section_container, table_container)-> 
+
+    # Set the section id of the table in the database
+    $.ajax(
+      type: 'PUT',
+      url: '/supplier/tables/'+table_container.data('table-id'),
+      data: {table: {section_id: current_section_id}},
+      dataType: 'json'
+    )
+  position_table_in_active_section: (section_container, table_container, skip_persisting)-> 
+    skip_persisting ||= false
     button_container = table_container.find('.action-button-container')
     button_container.html('')
     button_container.append($('<button class="btn btn-warning btn-mini">x</button>').click( -> Qsupplier.move_table_to_inactive_section(table_container.data('table-id')) ))
@@ -29,13 +38,6 @@ root.Qsupplier=
           dataType: 'json'
         )
     )
-    #TODO make ajax call safe
-    $.ajax(
-      type: 'PUT',
-      url: '/supplier/tables/'+table_container.data('table-id'),
-      data: {table: {section_id: current_section_id}},
-      dataType: 'json'
-    )
   move_table_to_inactive_section: (table_id)->
     table_container = $('#section-table-'+table_id)
     table_container.css('left', 'auto')