Fix checksum alignment

Emurgo · Jan 10, 2022 · 52bb01e · 52bb01e
1 parent 2195837
commit 52bb01e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/yoroi-extension/app/components/wallet/WalletRestoreVerifyDialog.js b/packages/yoroi-extension/app/components/wallet/WalletRestoreVerifyDialog.js
@@ -71,6 +71,7 @@ export default class WalletRestoreVerifyDialog extends Component<Props> {
     title: string,
     plate: WalletChecksum,
   ): Node {
+    console.log({title})
     return (
       <div key={title}>
         <h2 className={styles.addressLabel}>

diff --git a/packages/yoroi-extension/app/components/wallet/WalletRestoreVerifyDialog.scss b/packages/yoroi-extension/app/components/wallet/WalletRestoreVerifyDialog.scss
@@ -26,6 +26,8 @@
 .addressLabel {
   font-weight: 400;
   margin-bottom: 10px;
+  overflow-wrap: break-word;
+  text-align: left;
 }
 
 .postCopyMargin {
@@ -53,6 +55,6 @@
 
 :global(.YoroiModern) .dialog {
   // Refer: https://github.com/Emurgo/yoroi-frontend/pull/1052
-  min-width: 680px;
-  max-width: 680px;
+  min-width: 740px;
+  max-width: 740px;
 }