Highlight created/updated stock_article in StockArticle#index view

app/assets/stylesheets/bootstrap_and_overrides.css.less

@@ -104,6 +104,10 @@ table {
   td.odd {
     background-color: @tableBackgroundAccent;
   }
+  
+  td.main_info {
+    font-weight: bold;
+  }
 
   tr.selected td {
     background-color: @successBackground;

app/views/stockit/_stock_article.html.haml

@@ -2,7 +2,7 @@
   %td= link_to stock_article.name, stock_article
   %td= stock_article.quantity
   %td= stock_article.quantity_ordered
-  %th= stock_article.quantity_available
+  %td.main_info= stock_article.quantity_available
   %td= stock_article.unit
   %td= stock_article.price
   %td= number_to_percentage stock_article.tax

app/views/stockit/index_on_stock_article_create.js.erb

@@ -1,12 +1,14 @@
 // Handle more advanced DOM update after AJAX database manipulation.
 // See publish/subscribe design pattern in /doc.
 (function() {
+  $('#articles-tbody tr').removeClass('success');
+  
   var stock_article_row = $('<%= j(render(
     :partial => 'stock_article',
     :locals => {
       :stock_article => @stock_article
     }
-  )) %>');
+  )) %>').addClass('success');
 
   $('#articles-tbody').prepend(stock_article_row);
 })();

app/views/stockit/index_on_stock_article_update.js.erb

@@ -1,12 +1,14 @@
 // Handle more advanced DOM update after AJAX database manipulation.
 // See publish/subscribe design pattern in /doc.
 (function() {
+  $('#articles-tbody tr').removeClass('success');
+  
   var stock_article_row = $('<%= j(render(
     :partial => 'stock_article',
     :locals => {
       :stock_article => @stock_article
     }
-  )) %>');
+  )) %>').addClass('success');
 
   $('#stockArticle-<%= @stock_article.id %>').replaceWith(stock_article_row);
 })();