From 9bfe7eb1acb8a25fb8cdd2e8868208c294fe0763 Mon Sep 17 00:00:00 2001
From: Jaco <jacogr@gmail.com>
Date: Sat, 24 Dec 2022 09:26:27 +0200
Subject: [PATCH] Adjust Expander > Params layout (#8617)

* Adjust Expander > Params layout

* Re-adjust width
---
 packages/react-components/src/Call.tsx     | 3 ++-
 packages/react-components/src/Expander.tsx | 4 ++++
 packages/react-components/src/Static.tsx   | 5 +++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/react-components/src/Call.tsx b/packages/react-components/src/Call.tsx
index 9aa31e9382..1ab7007b2d 100644
--- a/packages/react-components/src/Call.tsx
+++ b/packages/react-components/src/Call.tsx
@@ -149,11 +149,12 @@ function Call ({ callName, children, className = '', labelHash, labelSignature,
 }
 
 export default React.memo(styled(Call)`
-  .hash .ui--Static {
+  .ui--Labelled.hash .ui--Static {
     overflow: hidden;
     text-overflow: ellipsis;
     word-break: unset;
     word-wrap: unset;
+    white-space: nowrap;
   }
 
   .ui--Extrinsic--toplevel {
diff --git a/packages/react-components/src/Expander.tsx b/packages/react-components/src/Expander.tsx
index aed7876655..e1ba573f29 100644
--- a/packages/react-components/src/Expander.tsx
+++ b/packages/react-components/src/Expander.tsx
@@ -155,6 +155,10 @@ export default React.memo(styled(Expander)`
         justify-content: end;
       }
     }
+
+    .ui--Params.withBorder {
+      padding-left: 0.25rem;
+    }
   }
 
   &.isHeader {
diff --git a/packages/react-components/src/Static.tsx b/packages/react-components/src/Static.tsx
index 122d923282..e456190dee 100644
--- a/packages/react-components/src/Static.tsx
+++ b/packages/react-components/src/Static.tsx
@@ -9,6 +9,7 @@ import Labelled from './Labelled';
 interface Props {
   children?: React.ReactNode;
   className?: string;
+  copyValue?: string;
   defaultValue?: unknown;
   help?: React.ReactNode;
   isDisabled?: boolean;
@@ -22,7 +23,7 @@ interface Props {
   withLabel?: boolean;
 }
 
-function Static ({ children, className = '', defaultValue, help, isFull, isHidden, isSmall, label, value, withCopy, withLabel }: Props): React.ReactElement<Props> {
+function Static ({ children, className = '', copyValue, defaultValue, help, isFull, isHidden, isSmall, label, value, withCopy, withLabel }: Props): React.ReactElement<Props> {
   return (
     <Labelled
       className={className}
@@ -38,7 +39,7 @@ function Static ({ children, className = '', defaultValue, help, isFull, isHidde
         {children}
       </div>
       {withCopy && (
-        <CopyButton value={value || defaultValue} />
+        <CopyButton value={copyValue || value || defaultValue} />
       )}
     </Labelled>
   );