From e254f7678dfdcd2574faeb0787830240d3623c2a Mon Sep 17 00:00:00 2001
From: WhiteMind <WhiteMind@qq.com>
Date: Mon, 25 Dec 2023 20:19:11 +0800
Subject: [PATCH] fix: styles for the script page (#182)

---
 src/pages/Script/ScriptsComp.tsx    | 1 +
 src/pages/Script/styles.module.scss | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/src/pages/Script/ScriptsComp.tsx b/src/pages/Script/ScriptsComp.tsx
index d68717b86..fd471b083 100644
--- a/src/pages/Script/ScriptsComp.tsx
+++ b/src/pages/Script/ScriptsComp.tsx
@@ -235,6 +235,7 @@ export const CodeHashMessage = ({ codeHash }: { codeHash: string }) => {
       </div>
 
       <CopyIcon
+        className={styles.action}
         onClick={() => {
           navigator.clipboard.writeText(codeHash).then(
             () => {
diff --git a/src/pages/Script/styles.module.scss b/src/pages/Script/styles.module.scss
index 7ddb76b3d..15a3f5ad2 100644
--- a/src/pages/Script/styles.module.scss
+++ b/src/pages/Script/styles.module.scss
@@ -74,6 +74,8 @@
 
 .scriptCellsPanel {
   padding: 0 40px;
+  margin-top: 4px;
+  background: #fff;
 
   @media (width <= $extraLargeBreakPoint) {
     padding: 0 10px;
@@ -109,10 +111,16 @@
   min-width: 0;
 
   .codeHash {
+    flex: 1;
+    min-width: 0;
     width: 350px;
     margin-right: 16px;
   }
 
+  .action {
+    flex-shrink: 0;
+  }
+
   @media (width <= 1300px) {
     .codeHash {
       width: 280px;