fixup refund button

BoltzExchange · Jan 3, 2024 · e4c7d38 · e4c7d38
1 parent 73fef26
commit e4c7d38
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 13 deletions.
diff --git a/src/RefundStep.jsx b/src/RefundStep.jsx
@@ -42,7 +42,7 @@ const RefundStep = () => {
                 <hr />
                 <div class="btns btns-space-between">
                     <button
-                        class="btn btn-light"
+                        class="btn btn-light no-grow"
                         onClick={() => navigate("/swap/" + params.id)}>
                         {t("backup_skip")}
                     </button>

diff --git a/src/components/DownloadRefund.tsx b/src/components/DownloadRefund.tsx
@@ -48,17 +48,13 @@ const DownloadRefund = () => {
     };
 
     return (
-        <div class="download-refund">
-            <button
-                class="btn btn-success"
-                onclick={() =>
-                    isMobile
-                        ? downloadRefundQr(swap())
-                        : downloadRefundJson(swap())
-                }>
-                {t("download_refund_file")}
-            </button>
-        </div>
+        <button
+            class="btn btn-success"
+            onclick={() =>
+                isMobile ? downloadRefundQr(swap()) : downloadRefundJson(swap())
+            }>
+            {t("download_refund_file")}
+        </button>
     );
 };
 

diff --git a/src/style/index.scss b/src/style/index.scss
@@ -229,12 +229,15 @@ hr.spacer {
 .btns-space-between {
     justify-content: space-between;
 }
-.btns > * {
+.btns .btn {
     display: inline-block;
     width: auto;
     margin: 3px;
     flex-grow: 1;
 }
+.btns .no-grow {
+    flex-grow: 0;
+}
 
 .fee {
     padding: 0 24px;