improvements on buttons

BoltzExchange · Nov 8, 2023 · 395900b · 395900b
1 parent e1619d2
commit 395900b
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 8 deletions.
diff --git a/src/RefundStep.jsx b/src/RefundStep.jsx
@@ -28,16 +28,19 @@ const RefundStep = () => {
                 <h2>{t("backup_refund")}</h2>
                 <p>{t("backup_refund_subline")}</p>
                 <hr />
-                <DownloadRefund />
-                <hr />
                 <p style="font-size: 46px; margin:0;">⚠️</p>
                 <p>{t("backup_refund_skip")}</p>
                 <hr />
-                <button
-                    class="btn"
-                    onClick={() => navigate("/swap/" + params.id)}>
-                    {t("backup_skip")}
-                </button>
+                <div class="btns btns-space-between">
+                    <button
+                        class="btn btn-light"
+                        onClick={() => navigate("/swap/" + params.id)}>
+                        {t("backup_skip")}
+                    </button>
+                    <div onClick={() => navigate("/swap/" + params.id)}>
+                        <DownloadRefund />
+                    </div>
+                </div>
             </div>
         </div>
     );

diff --git a/src/i18n/i18n.js b/src/i18n/i18n.js
@@ -75,7 +75,7 @@ const dict = {
         copy_amount: "Copy amount",
         copy_bip21: "Copy BIP21",
         copied: "Copied to clipboard!",
-        backup_skip: "Skip",
+        backup_skip: "Skip download",
         backup_refund: "Backup Refund File",
         backup_refund_subline:
             "Save your refund file in a safe place. If your browser storage gets cleared, you will need this file to reclaim your funds. else they will be permanently lost!",

diff --git a/src/style/index.scss b/src/style/index.scss
@@ -225,6 +225,9 @@ hr {
     align-items: center;
     justify-content: center;
 }
+.btns-space-between {
+    justify-content: space-between;
+}
 .btns > * {
     display: inline-block;
     width: auto;