From baf0535d85c9aae6d963162fb2d5f99cfa0a8147 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 7 Oct 2022 14:22:12 -0400
Subject: [PATCH] Added rotation to accordion icons

---
 src/layouts/partials/tea-cli-accordion.html |  2 +-
 src/static/css/accordion.css                | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/layouts/partials/tea-cli-accordion.html b/src/layouts/partials/tea-cli-accordion.html
index fdfde5d..7fb44c4 100644
--- a/src/layouts/partials/tea-cli-accordion.html
+++ b/src/layouts/partials/tea-cli-accordion.html
@@ -2,7 +2,7 @@
   <div class="accordion-item">
     <h2 class="accordion-header" id="headingOne">
       <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
-        <i class="icon-enter-arrow"></i> Accordion Item #1
+        Accordion Item #1
       </button>
     </h2>
     <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
diff --git a/src/static/css/accordion.css b/src/static/css/accordion.css
index 288ba3e..7d960ca 100644
--- a/src/static/css/accordion.css
+++ b/src/static/css/accordion.css
@@ -29,6 +29,19 @@
   border:none;
 }
 
+.accordion-button:not(.collapsed)::after {
+    background-image: url(/Images/enter-icon.svg);
+    transform: rotate(90deg);
+}
+
+.accordion-button::after {
+    background-image: url(/Images/enter-icon.svg);
+    transform: rotate(0deg);
+    order:-1;
+    margin-left: 0;
+    margin-right: 1vw;
+}
+
 .accordion-body{
   padding: 4.185vw 0vw;
   background-color: #1a1a1a;