Making interface widget closer to the one in Django Admin. (#120)

* Making interface widget closer to the one in Django Admin.

* Adding after image with new style.

Author: javiermatos

django_better_admin_arrayfield/static/css/django_better_admin_arrayfield.css

@@ -3,13 +3,6 @@
   align-items: center;
 }
 
-.dynamic-array-widget .remove_sign {
-  width: 10px;
-  height: 2px;
-  background: #a41515;
-  border-radius: 1px;
-}
-
 .dynamic-array-widget .remove {
   height: 15px;
   display: flex;

django_better_admin_arrayfield/static/css/django_better_admin_arrayfield.min.css

@@ -2,17 +2,21 @@
 {% load i18n %}
 
 {% spaceless %}
-<div class="dynamic-array-widget">
-  <ul>
-    {% for subwidget in widget.subwidgets %}
-      <li class="array-item" {% if widget.is_none %}data-isNone="true" style="display: none"{% endif %}>
-        {% with widget=subwidget %}
-          {% include widget.template_name %}
-        {% endwith %}
-        <div class="remove"><div class="remove_sign"></div></div>
-      </li>
-    {% endfor %}
-  </ul>
-  <div><button type="button" class="add-array-item">{% trans "Add another" %}</button></div>
+<div class="related-widget-wrapper">
+    <div class="dynamic-array-widget">
+        <ul>
+            {% for subwidget in widget.subwidgets %}
+                <li class="array-item" {% if widget.is_none %}data-isNone="true" style="display: none"{% endif %}>
+                    {% with widget=subwidget %}
+                        {% include widget.template_name %}
+                    {% endwith %}
+                    <div class="remove">
+                        <div class="inline-deletelink"></div>
+                    </div>
+                </li>
+            {% endfor %}
+        </ul>
+        <div><input type="button" class="add-array-item" value="{% trans "Add another" %}"></div>
+    </div>
 </div>
 {% endspaceless %}