From 66f3b58acc0614e812c243cd88a31ecbeea341ab Mon Sep 17 00:00:00 2001
From: JC <juanky201271@gmail.com>
Date: Sat, 16 Nov 2024 11:53:30 -0700
Subject: [PATCH] fix: two transactions alert - buttons in a column

---
 .../send/components/ConfirmModal.tsx          | 28 ++++++++++---------
 src/root/Routes.tsx                           | 28 ++++++++++---------
 2 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/src/components/send/components/ConfirmModal.tsx b/src/components/send/components/ConfirmModal.tsx
index df1904b..29245eb 100644
--- a/src/components/send/components/ConfirmModal.tsx
+++ b/src/components/send/components/ConfirmModal.tsx
@@ -230,22 +230,24 @@ type ConfirmModalProps = {
                         <div>{`TXID: ${txids[2]}`}</div>
                       )}
                     </div>
-                    <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(txids[0], info.currencyName)}>
-                      View TXID &nbsp;
-                      <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
-                    </div>
-                    {txids.length > 1 && (
-                      <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(txids[1], info.currencyName)}>
+                    <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }}>
+                      <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(txids[0], info.currencyName)}>
                         View TXID &nbsp;
                         <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
                       </div>
-                    )}
-                    {txids.length > 2 && (
-                      <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(txids[2], info.currencyName)}>
-                        View TXID &nbsp;
-                        <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
-                      </div>
-                    )}
+                      {txids.length > 1 && (
+                        <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(txids[1], info.currencyName)}>
+                          View TXID &nbsp;
+                          <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
+                        </div>
+                      )}
+                      {txids.length > 2 && (
+                        <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(txids[2], info.currencyName)}>
+                          View TXID &nbsp;
+                          <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
+                        </div>
+                      )}
+                    </div>
                   </div>
                 );  
               }
diff --git a/src/root/Routes.tsx b/src/root/Routes.tsx
index 9a332a5..28f4f4a 100644
--- a/src/root/Routes.tsx
+++ b/src/root/Routes.tsx
@@ -547,22 +547,24 @@ class Routes extends React.Component<Props & RouteComponentProps, AppState> {
                     <div>{`TXID: ${resultJSON.txids[2]}`}</div>
                   )}
                 </div>
-                <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(resultJSON.txids[0], this.state.info.currencyName)}>
-                  View TXID &nbsp;
-                  <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
-                </div>
-                {resultJSON.txids.length > 1 && (
-                  <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(resultJSON.txids[1], this.state.info.currencyName)}>
-                    View TXID &nbsp;
-                    <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
-                  </div>
-                )}
-                {resultJSON.txids.length > 2 && (
-                  <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(resultJSON.txids[2], this.state.info.currencyName)}>
+                <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center' }}>
+                  <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(resultJSON.txids[0], this.state.info.currencyName)}>
                     View TXID &nbsp;
                     <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
                   </div>
-                )}
+                  {resultJSON.txids.length > 1 && (
+                    <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(resultJSON.txids[1], this.state.info.currencyName)}>
+                      View TXID &nbsp;
+                      <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
+                    </div>
+                  )}
+                  {resultJSON.txids.length > 2 && (
+                    <div className={cstyles.primarybutton} onClick={() => Utils.openTxid(resultJSON.txids[2], this.state.info.currencyName)}>
+                      View TXID &nbsp;
+                      <i className={["fas", "fa-external-link-square-alt"].join(" ")} />
+                    </div>
+                  )}
+                </div>
               </div>
             );
           }