From d35e9b7630c97ca02e8a604aaea47e61b785e1b6 Mon Sep 17 00:00:00 2001
From: Henry Palacios <henrydpalacios@gmail.com>
Date: Tue, 30 Jan 2024 14:55:17 -0300
Subject: [PATCH] Improve arrow on details

---
 src/components/TxTable/TxDetail/AdvancedDetail/index.tsx  | 4 ++--
 src/components/TxTable/TxDetail/AdvancedDetail/styled.tsx | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/TxTable/TxDetail/AdvancedDetail/index.tsx b/src/components/TxTable/TxDetail/AdvancedDetail/index.tsx
index ce03f2f..eeabd27 100644
--- a/src/components/TxTable/TxDetail/AdvancedDetail/index.tsx
+++ b/src/components/TxTable/TxDetail/AdvancedDetail/index.tsx
@@ -33,8 +33,8 @@ export function AdvancedDetail({ data }: Props) {
           sx={{
             fontWeight: "bold",
             cursor: "pointer",
-            color: "#ffe873", // Color del enlace
-            textDecoration: "underline", // Subrayado para parecer un enlace
+            color: "#ffe873",
+            textDecoration: "underline",
           }}
         >
           Details
diff --git a/src/components/TxTable/TxDetail/AdvancedDetail/styled.tsx b/src/components/TxTable/TxDetail/AdvancedDetail/styled.tsx
index 7b92e2e..20bf5c7 100644
--- a/src/components/TxTable/TxDetail/AdvancedDetail/styled.tsx
+++ b/src/components/TxTable/TxDetail/AdvancedDetail/styled.tsx
@@ -25,14 +25,16 @@ export const DetailsAccordionSummary = styled(
 )(() => ({
   backgroundColor: "inherit",
   boxShadow: "none",
+  flexDirection: "row-reverse",
   "& .MuiAccordionSummary-expandIconWrapper.Mui-expanded": {
-    transform: "rotate(90deg)",
+    transform: "rotate(270deg)",
   },
   "&:before": {
     display: "none",
   },
   "&.Mui-expanded": {
     margin: 0,
+    minHeight: "50px",
   },
   "& .MuiAccordionSummary-content": {
     margin: 0,