Fixed alignment issues and better rendering for add cards

UI/Settings/Indexers/CollectionView.js

@@ -14,8 +14,8 @@ define(['app',
                 'click .x-add-card': '_openSchemaModal'
             },
 
-            onAfterItemAdded: function () {
-                this.$itemViewContainer.find('.x-add-card').parent('li').remove();
+            onRender: function () {
+                this.listenTo(this.collection, 'add', this.render);
 
                 this.templateFunction = Marionette.TemplateCache.get('Settings/Indexers/AddCardTemplate');
                 var html = this.templateFunction();

UI/Settings/Notifications/CollectionView.js

@@ -14,8 +14,8 @@ define([
             'click .x-add-card': '_openSchemaModal'
         },
 
-        onAfterItemAdded: function () {
-            this.$itemViewContainer.find('.x-add-card').parent('li').remove();
+        onRender: function () {
+            this.listenTo(this.collection, 'add', this.render);
 
             this.templateFunction = Marionette.TemplateCache.get('Settings/Notifications/AddCardTemplate');
             var html = this.templateFunction();

UI/Settings/Quality/Profile/QualityProfileCollectionView.js

@@ -16,8 +16,8 @@ define(['app',
             'click .x-add-card': '_addProfile'
         },
 
-        onAfterItemAdded: function () {
-            this.$itemViewContainer.find('.x-add-card').parent('li').remove();
+        onRender: function () {
+            this.listenTo(this.collection, 'add', this.render);
 
             this.templateFunction = Marionette.TemplateCache.get('Settings/Quality/Profile/AddCardTemplate');
             var html = this.templateFunction();