Refactor related icons

jet/static/jet/css/_changeform.scss

@@ -595,26 +595,34 @@ form .related-widget-wrapper ul {
   }
 }
 
-.related-widget-wrapper-image {
+.add-related, .add-another, .change-related, .delete-related, .related-lookup {
+  display: none;
+
+  &.initialized {
+    display: inline;
+  }
+}
+
+.related-widget-wrapper-icon {
   &:before {
     @include font-icon;
     font-size: 20px;
     vertical-align: middle;
   }
 
-  &.add-related {
+  .add-related &, .add-another & {
     &:before {
       content: $icon-add3;
     }
   }
 
-  &.change-related {
+  .change-related & {
     &:before {
       content: $icon-edit;
     }
   }
 
-  &.delete-related {
+  .delete-related & {
     &:before {
       content: $icon-cross;
     }

jet/static/jet/js/src/layout-updaters/related-widget-wrapper.js

@@ -3,29 +3,26 @@ var $ = require('jquery');
 var RelatedWidgetWrapperUpdater = function() { };
 
 RelatedWidgetWrapperUpdater.prototype = {
-    replaceLinkIcon: function(selector, className) {
+    replaceLinkIcon: function(selector) {
         var $img = $(selector);
 
         $('<span>')
-            .addClass('related-widget-wrapper-image')
-            .addClass(className)
+            .addClass('related-widget-wrapper-icon')
             .insertAfter($img);
         $img.remove();
     },
     updateLinkIcons: function() {
         this.replaceLinkIcon(
-            'img[src*="admin/img/icon-addlink"], img[src*="admin/img/icon_addlink"]',
-            'add-related'
+            'img[src*="admin/img/icon-addlink"], img[src*="admin/img/icon_addlink"]'
         );
         this.replaceLinkIcon(
-            'img[src*="admin/img/icon-changelink"]',
-            'change-related'
+            'img[src*="admin/img/icon-changelink"]'
         );
         this.replaceLinkIcon(
-            'img[src*="admin/img/icon-deletelink"]',
-            'delete-related'
+            'img[src*="admin/img/icon-deletelink"]'
         );
         $('img[src*="admin/img/selector-search"]').remove();
+        $('.add-related, .add-another, .change-related, .delete-related, .related-lookup').addClass('initialized');
     },
     updateLinks: function($select) {
         $select.find('~ .change-related, ~ .delete-related, ~ .add-another').each(function() {