Toogle cell shows spinner when clicked

UI/Cells/ToggleCell.js

@@ -14,11 +14,18 @@ define(
 
 
             _onClick: function () {
+                var self = this;
+
                 var name = this.column.get('name');
                 this.model.set(name, !this.model.get(name));
-                this.render();
 
-                this.model.save();
+                this.$('i').addClass('icon-spinner icon-spin');
+
+                var promise = this.model.save();
+
+                promise.always(function (){
+                    self.render();
+                });
             },
 
             render: function () {

UI/Series/Details/SeasonLayoutTemplate.html

@@ -1,4 +1,4 @@
 <div class="series-season">
-    <h2>{{seasonTitle}} <i class="icon-search pull-right season-search x-season-search" /></h2>
+    <h2>{{seasonTitle}} <span class="season-actions pull-right"><i class="icon-search x-season-search" /></span></h2>
     <div id="x-episode-grid"/>
 </div>

UI/Series/series.less

@@ -172,11 +172,15 @@
 
 .season-grid {
   .toggle-cell {
-    width : 10px;
+    width : 12px;
+    text-align: center;
   }
 }
 
-.season-search {
-  .clickable;
+.season-actions {
   font-size : 24px;
+
+  i {
+    .clickable;
+  }
 }