From 91474d89a322a84c074cb176ee1ffab725ee8e5e Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Thu, 3 Mar 2022 18:21:24 -0500
Subject: [PATCH] Schedule page bug: Fix missing carat/bounciness (#4442)

---
 changes/issue-4415-fix-inherited-dropdown        |  1 +
 .../schedule/ManageSchedulePage/_styles.scss     | 16 ++++++++++++++++
 .../ScheduleEditorModal/ScheduleEditorModal.tsx  |  2 +-
 .../components/ScheduleEditorModal/_styles.scss  |  2 +-
 4 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 changes/issue-4415-fix-inherited-dropdown

diff --git a/changes/issue-4415-fix-inherited-dropdown b/changes/issue-4415-fix-inherited-dropdown
new file mode 100644
index 0000000000..5f2c68b4d1
--- /dev/null
+++ b/changes/issue-4415-fix-inherited-dropdown
@@ -0,0 +1 @@
+* Fix missing carat in inherited scheduled query dropdown
\ No newline at end of file
diff --git a/frontend/pages/schedule/ManageSchedulePage/_styles.scss b/frontend/pages/schedule/ManageSchedulePage/_styles.scss
index 39a29c0e18..72cb0cc5b7 100644
--- a/frontend/pages/schedule/ManageSchedulePage/_styles.scss
+++ b/frontend/pages/schedule/ManageSchedulePage/_styles.scss
@@ -111,6 +111,22 @@
     }
   }
 
+  .upcarat {
+    &::before {
+      content: url("../assets/images/icon-chevron-blue-16x16@2x.png");
+      transform: scale(0.5) rotate(180deg);
+      width: 16px;
+      border-radius: 0px;
+      padding: 0px;
+      padding-right: 2px;
+      margin-right: $pad-small;
+      margin-top: 5px;
+      position: relative;
+      top: -4px;
+      left: 6px;
+    }
+  }
+
   &__details {
     display: inline-flex;
     vertical-align: middle;
diff --git a/frontend/pages/schedule/ManageSchedulePage/components/ScheduleEditorModal/ScheduleEditorModal.tsx b/frontend/pages/schedule/ManageSchedulePage/components/ScheduleEditorModal/ScheduleEditorModal.tsx
index 90f609ad2f..2046f7a2f4 100644
--- a/frontend/pages/schedule/ManageSchedulePage/components/ScheduleEditorModal/ScheduleEditorModal.tsx
+++ b/frontend/pages/schedule/ManageSchedulePage/components/ScheduleEditorModal/ScheduleEditorModal.tsx
@@ -275,7 +275,7 @@ const ScheduleEditorModal = ({
         <div>
           <Button
             variant="unstyled"
-            className={`${showAdvancedOptions ? "upcarat" : "downcarat"} 
+            className={`${showAdvancedOptions ? "afterupcarat" : "downcarat"} 
                ${baseClass}__advanced-options-button`}
             onClick={toggleAdvancedOptions}
           >
diff --git a/frontend/pages/schedule/ManageSchedulePage/components/ScheduleEditorModal/_styles.scss b/frontend/pages/schedule/ManageSchedulePage/components/ScheduleEditorModal/_styles.scss
index 89e8a14302..b0ce011e91 100644
--- a/frontend/pages/schedule/ManageSchedulePage/components/ScheduleEditorModal/_styles.scss
+++ b/frontend/pages/schedule/ManageSchedulePage/components/ScheduleEditorModal/_styles.scss
@@ -55,7 +55,7 @@
     }
   }
 
-  .upcarat {
+  .afterupcarat {
     &::after {
       content: url("../assets/images/icon-chevron-blue-16x16@2x.png");
       transform: scale(0.5) rotate(180deg);