From e047f49998bdb007ade51dd7b156e79f4520b348 Mon Sep 17 00:00:00 2001
From: David Cook <david@redcliffs.net>
Date: Wed, 13 Sep 2023 15:51:09 +1000
Subject: [PATCH] Make form actions float over sort controls.

---
 app/views/admin/products_v3/_content.html.haml |  4 ++--
 app/webpacker/css/admin/products_v3.scss       | 12 ++++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/views/admin/products_v3/_content.html.haml b/app/views/admin/products_v3/_content.html.haml
index c9f33c55ef..0cda71ff9a 100644
--- a/app/views/admin/products_v3/_content.html.haml
+++ b/app/views/admin/products_v3/_content.html.haml
@@ -7,10 +7,10 @@
                                               category_options: category_options,
                                               category_id: category_id }
   - if products.any?
-    .container
+    .container.results
       .sixteen.columns
         = render partial: 'sort', locals: { pagy: pagy, search_term: search_term, producer_id: producer_id, category_id: category_id }
-    = render partial: 'table', locals: { products: products }
+        = render partial: 'table', locals: { products: products }
     - if pagy.pages > 1
       = render partial: 'admin/shared/v3/pagy', locals: { pagy: pagy, reflex: "click->Products#fetch" }
   - else
diff --git a/app/webpacker/css/admin/products_v3.scss b/app/webpacker/css/admin/products_v3.scss
index 47ef952974..fb8cb82300 100644
--- a/app/webpacker/css/admin/products_v3.scss
+++ b/app/webpacker/css/admin/products_v3.scss
@@ -15,6 +15,18 @@
     padding: 0;
   }
 
+  .results {
+    position: relative;
+  }
+
+  // Form actions floats over other controls when active
+  .form-actions {
+    position: absolute;
+    top: 1em;
+    left: 0;
+    right: 0;
+  }
+
   // Hopefully these rules will be moved to component(s).
   table.products {
     table-layout: fixed; // Column widths are based solely on col definitions (not content). This allows more efficient rendering.