From f2a2a98ad9658cf35b5514f9d4e59d7df65d3270 Mon Sep 17 00:00:00 2001
From: Fabio Caccamo <fabio.caccamo@gmail.com>
Date: Wed, 3 Feb 2021 21:23:05 +0100
Subject: [PATCH] Improved sticky submit and pagination backward compatibility.

---
 .../admin_interface/css/form-controls.css     | 29 +++++++++----------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/admin_interface/templates/admin_interface/css/form-controls.css b/admin_interface/templates/admin_interface/css/form-controls.css
index 01c45c9..98a3942 100644
--- a/admin_interface/templates/admin_interface/css/form-controls.css
+++ b/admin_interface/templates/admin_interface/css/form-controls.css
@@ -1,10 +1,10 @@
-/* sticky changelist pagination */
+/* sticky pagination */
 
-.admin-interface.sticky-pagination.change-list #main > .content {
+.admin-interface.sticky-pagination.change-list #content-main {
     padding-bottom: 4.375rem;
 }
 
-.admin-interface.sticky-pagination.change-list #main > .content .results + .paginator {
+.admin-interface.sticky-pagination.change-list .paginator {
     width: 100%;
     position: fixed;
     bottom: 0;
@@ -21,39 +21,39 @@
     margin: 0;
 }
 
-.admin-interface.sticky-pagination.change-list.popup #main > .content .results + .paginator {
+.admin-interface.sticky-pagination.change-list.popup .paginator {
     padding-left: 20px;
     padding-right: 20px;
 }
 
 @media (min-width:768px) {
-    .admin-interface.sticky-pagination.change-list:not(.popup) #main > .content .results + .paginator {
+    .admin-interface.sticky-pagination.change-list:not(.popup) .paginator {
         padding-left: 30px;
         padding-right: 30px;
     }
 }
 
 @media (min-width:1024px) {
-    .admin-interface.sticky-pagination.change-list:not(.popup) #main > .content .results + .paginator {
+    .admin-interface.sticky-pagination.change-list:not(.popup) .paginator {
         padding-left: 40px;
         padding-right: 40px;
     }
 }
 
 @media (min-width:1280px) {
-    .admin-interface.sticky-pagination.change-list:not(.popup) #main.shifted > .content .results + .paginator {
+    .admin-interface.sticky-pagination.change-list:not(.popup) .shifted .paginator {
         width: calc(100% - 359px);
     }
 }
 
-/* sticky changeform submit */
+/* sticky submit */
 
 @media (min-width:768px) {
-    .admin-interface.sticky-pagination.change-form #main > .content {
+    .admin-interface.sticky-submit.change-form #content-main {
         padding-bottom: 4.375rem;
     }
 
-    .admin-interface.sticky-pagination.change-form #main > .content .submit-row:last-of-type {
+    .admin-interface.sticky-submit.change-form .submit-row:last-of-type {
         width: 100%;
         position: fixed;
         bottom: 0;
@@ -70,27 +70,26 @@
         margin: 0;
     }
 
-    .admin-interface.sticky-pagination.change-form.popup #main > .content .submit-row:last-of-type {
+    .admin-interface.sticky-submit.change-form.popup .submit-row:last-of-type {
         padding-left: 20px;
         padding-right: 20px;
     }
 
-
-    .admin-interface.sticky-pagination.change-form:not(.popup) #main > .content .submit-row:last-of-type {
+    .admin-interface.sticky-submit.change-form:not(.popup) .submit-row:last-of-type {
         padding-left: 30px;
         padding-right: 30px;
     }
 }
 
 @media (min-width:1024px) {
-    .admin-interface.sticky-pagination.change-form:not(.popup) #main > .content .submit-row:last-of-type {
+    .admin-interface.sticky-submit.change-form:not(.popup) .submit-row:last-of-type {
         padding-left: 40px;
         padding-right: 40px;
     }
 }
 
 @media (min-width:1280px) {
-    .admin-interface.sticky-pagination.change-form:not(.popup) #main.shifted > .content .submit-row:last-of-type {
+    .admin-interface.sticky-submit.change-form:not(.popup) .shifted .submit-row:last-of-type {
         width: calc(100% - 359px);
     }
 }
\ No newline at end of file