From 041d74b7c21dcf480cda4256903fa5a2f97e6017 Mon Sep 17 00:00:00 2001
From: David Cook <david@redcliffs.net>
Date: Tue, 5 Dec 2023 13:41:52 +1100
Subject: [PATCH] Fix CSS selector

These styles should only apply to the form-actions in the products form.
---
 app/webpacker/css/admin/products_v3.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/webpacker/css/admin/products_v3.scss b/app/webpacker/css/admin/products_v3.scss
index f8d9a8272f..123fa7f286 100644
--- a/app/webpacker/css/admin/products_v3.scss
+++ b/app/webpacker/css/admin/products_v3.scss
@@ -20,12 +20,14 @@
   }
 
   // Form actions floats over other controls when active
-  .form-actions {
-    position: absolute;
-    top: -1em;
-    left: 0;
-    right: 0;
-    z-index: 1; // Ensure tom-select and .disabled-section are covered
+  #products-form {
+    .form-actions {
+      position: absolute;
+      top: -1em;
+      left: 0;
+      right: 0;
+      z-index: 1; // Ensure tom-select and .disabled-section are covered
+    }
   }
 
   // Hopefully these rules will be moved to component(s).