Improve layout if djangocms-admin-style is NOT present (#45)

Author: fsbraun

CHANGELOG.rst

@@ -2,6 +2,11 @@
 Changelog
 =========
 
+unreleased
+==========
+
+* Fix add / delete buttons if djangocms-admin-style is not installed
+
 
 2.0.0 (2020-09-02)
 ==================

djangocms_attributes_field/widgets.py

@@ -94,12 +94,16 @@ def render(self, name, value, attrs=None, renderer=None):
         # INSTALLED_APPS. By inlining the JS and CSS here, we avoid this.
         output += """
         <style>
-            .delete-attributes-pair,
-            .add-attributes-pair {
+            body.djangocms-admin-style .delete-attributes-pair,
+            body.djangocms-admin-style .add-attributes-pair {
                 border: 1px solid #ddd;
                 border-radius: 3px;
                 display: inline-block;
                 padding: 6px 5px 8px 10px;
+                line-height: inherit;
+            }
+            .delete-attributes-pair, .add-attributes-pair {
+                line-height: 2;
             }
             .attributes-pair {
                 display: table;
@@ -115,7 +119,7 @@ def render(self, name, value, attrs=None, renderer=None):
             .attributes-pair .field-box:last-child {
                 display: table-cell !important;
                 vertical-align: top !important;
-                width: 100% !important;
+                width: 75% !important;
                 float: none !important;
             }
             .djangocms-attributes-field .attributes-pair .attributes-value {