Improve arrow on details

protofire · Jan 30, 2024 · d35e9b7 · d35e9b7
1 parent eccd812
commit d35e9b7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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,