[chores] CSS fixes for Django 5.2

Author: nemesifier

flat_json_widget/static/flat-json-widget/css/flat-json-widget.css

@@ -17,6 +17,13 @@
   margin: 0 !important;
   padding: 0 !important;
 }
+.flat-json .related-widget-wrapper-link img {
+  position: relative;
+  top: -2px;
+}
+.flat-json-remove-row {
+  margin-left: 3px;
+}
 
 @media screen and (max-width: 767px) {
   .flat-json-add-row {
@@ -35,7 +42,4 @@
   .flat-json-rows .field-data {
     line-height: 33px;
   }
-  .flat-json-remove-row {
-    margin-left: 5px;
-  }
 }

flat_json_widget/templates/flat_json_widget/flat_json_widget.html

@@ -8,7 +8,9 @@
                    type="text"
                    placeholder="{% trans 'value' %}"
                    class="flat-json-value">
-            <a href="#" class="flat-json-remove-row" title="{% trans 'remove row' %}">
+            <a href="#"
+               class="flat-json-remove-row related-widget-wrapper-link"
+               title="{% trans 'remove row' %}">
                 <img src="{% static 'admin/img/icon-deletelink.svg' %}">
             </a>
         </div>
@@ -48,12 +50,16 @@ <h2><%= label %></h2>
         </div>
 
         <div class="form-row">
-            <a href="#" class="flat-json-add-row" title="{% trans 'Add another row' %}">
+            <a href="#"
+               class="flat-json-add-row related-widget-wrapper-link"
+               title="{% trans 'Add another row' %}">
                 <img src="{% static 'admin/img/icon-addlink.svg' %}" alt="">
                 {% trans "Add row" %}
             </a>
 
-            <a href="#" class="flat-json-toggle-textarea" title="{% trans 'toggle textarea' %}" style="float:right">
+            <a href="#"
+               class="flat-json-toggle-textarea related-widget-wrapper-link"
+               title="{% trans 'toggle textarea' %}" style="float:right">
                 <img src="{% static 'admin/img/icon-changelink.svg' %}" alt="">
                 {% trans 'Toggle Raw JSON Editing' %}
             </a>