From 3654ffcd0b68f6ac114c8f2d5813e9f9b95132e3 Mon Sep 17 00:00:00 2001
From: John Hauck <jhauck@esri.com>
Date: Thu, 9 Jan 2025 14:29:58 -0700
Subject: [PATCH] update for item details page use

---
 .../solution-item-accordion.css                  | 16 ++++++++++++++--
 .../solution-item-accordion.tsx                  |  7 +++++--
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/components/solution-item-accordion/solution-item-accordion.css b/src/components/solution-item-accordion/solution-item-accordion.css
index 4434d0d25..4bfedcc51 100644
--- a/src/components/solution-item-accordion/solution-item-accordion.css
+++ b/src/components/solution-item-accordion/solution-item-accordion.css
@@ -23,5 +23,17 @@
 }
 
 .font-size-override {
-  --calcite-font-size--2: var(--calcite-font-size--1);;
-}
\ No newline at end of file
+  --calcite-font-size--2: var(--calcite-font-size--1);
+}
+
+.border-override {
+  --calcite-accordion-border-color: var(--calcite-color-border-1) !important;
+}
+
+.display-flex {
+  display: flex;
+}
+
+.align-center {
+  align-items: center;
+}
diff --git a/src/components/solution-item-accordion/solution-item-accordion.tsx b/src/components/solution-item-accordion/solution-item-accordion.tsx
index 2e64c56ea..93fb179ea 100644
--- a/src/components/solution-item-accordion/solution-item-accordion.tsx
+++ b/src/components/solution-item-accordion/solution-item-accordion.tsx
@@ -194,7 +194,10 @@ export class SolutionItemAccordion {
     }, []);
 
     return (
-      <calcite-accordion selectionMode="single">
+      <calcite-accordion
+        class="border-override"
+        selectionMode="single"
+      >
         {
           accordion
         }
@@ -223,7 +226,7 @@ export class SolutionItemAccordion {
     return (
       <calcite-accordion-item description={`${_type} (${templateInfos.length})`}>
         <solution-item-icon
-          class="padding-start-1"
+          class="padding-start-1 display-flex align-center"
           slot="actions-start"
           type={templateInfo.type}
           typeKeywords={templateInfo.typeKeywords}