From c6452efa92390f54d5aa00be80e3ebf83ec8951c Mon Sep 17 00:00:00 2001
From: David Cook <david@redcliffs.net>
Date: Tue, 11 Jun 2024 13:52:05 +1000
Subject: [PATCH] Isolate styles for their intended use

This also improves the styling of the orders action dropdowns (on index and edit pages). It adds the new chevron icon, but needed some fiddling to make it look right.
---
 .../css/admin_v3/components/dropdown.scss     | 33 ++++++++++++-------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/app/webpacker/css/admin_v3/components/dropdown.scss b/app/webpacker/css/admin_v3/components/dropdown.scss
index 25531a1467..a0b3d745a1 100644
--- a/app/webpacker/css/admin_v3/components/dropdown.scss
+++ b/app/webpacker/css/admin_v3/components/dropdown.scss
@@ -179,6 +179,23 @@
     }
   }
 
+  summary:after {
+    content: "\f077";
+    font-family: FontAwesome;
+    font-size: 13px;
+  }
+
+
+  &[open] >,
+  details[open] > {
+    summary:after {
+      content: "\f078";
+      font-family: FontAwesome;
+    }
+  }
+}
+
+.ofn-drop-down:not(.ofn-dropdown-v2) {
   > details {
     margin: -7px -15px;
     padding: 7px 15px;
@@ -188,20 +205,14 @@
     display: inline-block;
     list-style: none;
     width: auto;
-    font-size: 85%;
-    font-weight: 600;
     margin: -8px -15px;
     padding: 8px 15px;
-  }
 
-  > details > summary:after {
-    content: "\f0d7";
-    font-family: FontAwesome;
-  }
-
-  > details[open] > summary:after {
-    content: "\f0d8";
-    font-family: FontAwesome;
+    &:after {
+      position: relative;
+      bottom: 1px;
+      font-size: 12px;
+    }
   }
 }