From dfefd16f0f8fd9279a2c0a59801083133d2aee09 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Thu, 14 Aug 2025 16:33:18 -0500
Subject: [PATCH] Place orient classes in popup CSS

---
 app/assets/stylesheets/orient.css | 13 -------------
 app/assets/stylesheets/popup.css  | 12 ++++++++++++
 2 files changed, 12 insertions(+), 13 deletions(-)
 delete mode 100644 app/assets/stylesheets/orient.css

diff --git a/app/assets/stylesheets/orient.css b/app/assets/stylesheets/orient.css
deleted file mode 100644
index 780244fbf..000000000
--- a/app/assets/stylesheets/orient.css
+++ /dev/null
@@ -1,13 +0,0 @@
-@layer utilities {
-  .orient-left {
-    inset-inline: auto 0;
-    transform: translateX(0);
-    background: lime !important;
-  }
-
-  .orient-right {
-    inset-inline: 0 auto;
-    transform: translateX(0);
-    background: gold !important;
-  }
-}
diff --git a/app/assets/stylesheets/popup.css b/app/assets/stylesheets/popup.css
index 7ef87d85d..e4302fddc 100644
--- a/app/assets/stylesheets/popup.css
+++ b/app/assets/stylesheets/popup.css
@@ -17,6 +17,18 @@
       display: flex;
     }
 
+    &.orient-left {
+      inset-inline: auto 0;
+      transform: translateX(0);
+      background: lime !important;
+    }
+
+    &.orient-right {
+      inset-inline: 0 auto;
+      transform: translateX(0);
+      background: gold !important;
+    }
+
     &:has(.popup__footer) {
       --panel-padding: var(--block-space) var(--block-space) 0 var(--block-space);
     }