Make form actions float over sort controls.

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

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.