From 6841c20627fd4062e8e0e4ae9c6ed9b478098d07 Mon Sep 17 00:00:00 2001
From: JoshBot <joshbot04@gmail.com>
Date: Sun, 28 Aug 2022 18:07:20 +0100
Subject: [PATCH 1/2] Ui fixes

---
 src/App.css                               | 2 +-
 src/Pages/CreateInvoice/CreateInvoice.jsx | 4 ++--
 src/Pages/CreateInvoice/createinvoice.css | 7 +++++--
 src/assets/error.svg                      | 5 +++--
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/App.css b/src/App.css
index 85a508d..7b258fa 100644
--- a/src/App.css
+++ b/src/App.css
@@ -89,7 +89,7 @@ input {
     width: calc(100% - var(--sidebar-width));
     margin-top:var(--navbar-height);
     margin-left: var(--sidebar-width);
-    padding: 30px 20px 30px 40px;
+    padding: 30px 30px 30px 40px;
 }
 
 .xeggo-button{
diff --git a/src/Pages/CreateInvoice/CreateInvoice.jsx b/src/Pages/CreateInvoice/CreateInvoice.jsx
index 92a2a1e..4d22d1c 100644
--- a/src/Pages/CreateInvoice/CreateInvoice.jsx
+++ b/src/Pages/CreateInvoice/CreateInvoice.jsx
@@ -392,7 +392,7 @@ const CreateInvoice = ({contract, account}) => {
                 </div>
             </div>
             <div className="payment-container">
-                <div className='flex flex-col gap-30'>
+                <div className='flex flex-col gap-30 basis-60'>
                     <span>Payment Options</span>
                     <div className='flex gap-30 items-center'>
                         <span className="label">Asset:</span>
@@ -421,7 +421,7 @@ const CreateInvoice = ({contract, account}) => {
                         </div> 
                     </div>
                 </div>
-                <div className="invoice-buttons">
+                <div className="invoice-buttons basis-40">
                     <div className="flex gap-20">
                         <button className='xeggo-btn-outline'>Download as PDF</button>
                         <button className='xeggo-btn' onClick={onSubmitHandler}>Generate Payment Link</button>
diff --git a/src/Pages/CreateInvoice/createinvoice.css b/src/Pages/CreateInvoice/createinvoice.css
index 241a81b..651fe4a 100644
--- a/src/Pages/CreateInvoice/createinvoice.css
+++ b/src/Pages/CreateInvoice/createinvoice.css
@@ -124,8 +124,11 @@ input, textarea {
     display:flex;
 }
 
-.payment-container > div {
-    flex-basis: 50%;
+.basis-60{
+    flex-basis: 60%;
+}
+.basis-40{
+    flex-basis: 40%;
 }
 
 .payment-container .label{
diff --git a/src/assets/error.svg b/src/assets/error.svg
index 17c57de..8d8fafa 100644
--- a/src/assets/error.svg
+++ b/src/assets/error.svg
@@ -1,3 +1,4 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.96067 0.666626C4.38734 0.666626 0.666504 4.40496 0.666504 8.99996C0.666504 13.595 4.40484 17.3333 8.99984 17.3333C13.5948 17.3333 17.3332 13.595 17.3332 8.99996C17.3332 4.40496 13.5773 0.666626 8.96067 0.666626ZM8.99984 15.6666C5.324 15.6666 2.33317 12.6758 2.33317 8.99996C2.33317 5.32413 5.30567 2.33329 8.96067 2.33329C12.659 2.33329 15.6665 5.32413 15.6665 8.99996C15.6665 12.6758 12.6757 15.6666 8.99984 15.6666Z" fill="#FF0000"/>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.96091 1.66663C5.38758 1.66663 1.66675 5.40496 1.66675 9.99996C1.66675 14.595 5.40508 18.3333 10.0001 18.3333C14.5951 18.3333 18.3334 14.595 18.3334 9.99996C18.3334 5.40496 14.5776 1.66663 9.96091 1.66663ZM10.0001 16.6666C6.32425 16.6666 3.33341 13.6758 3.33341 9.99996C3.33341 6.32413 6.30591 3.33329 9.96091 3.33329C13.6592 3.33329 16.6667 6.32413 16.6667 9.99996C16.6667 13.6758 13.6759 16.6666 10.0001 16.6666Z" fill="#FF0000"/>
+<path d="M9.16675 5.83337H10.8334V11.6667H9.16675V5.83337ZM9.16675 12.5H10.8334V14.1667H9.16675V12.5Z" fill="#FF0000"/>
 </svg>

From 9044d8a0a9ac94735a9e0c96d8f75474df05175f Mon Sep 17 00:00:00 2001
From: JoshBot <joshbot04@gmail.com>
Date: Wed, 31 Aug 2022 10:30:34 +0100
Subject: [PATCH 2/2] fix ui

---
 src/Pages/InvoicePage.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Pages/InvoicePage.jsx b/src/Pages/InvoicePage.jsx
index 20efaa1..00316b1 100644
--- a/src/Pages/InvoicePage.jsx
+++ b/src/Pages/InvoicePage.jsx
@@ -170,7 +170,7 @@ const InvoicePage = ({invoices, account, contract, web3}) => {
                 </div>
             </div>
             <div className="payment-container">
-                <div className='flex flex-col gap-30'>
+                <div className='flex flex-col gap-30 basis-60'>
                     <span>Payment Options</span>
                     <div className='flex gap-30 items-center'>
                         <span className="label">Asset:</span>
@@ -191,7 +191,7 @@ const InvoicePage = ({invoices, account, contract, web3}) => {
                         </div> 
                     </div>
                 </div>
-                <div className="invoice-buttons">
+                <div className="invoice-buttons basis-40">
                     <div className="flex gap-20">
                         <button className='xeggo-btn-outline' onClick={openLinksModal}>Generate Payment Link</button>
                         <InvoiceButton invoice={invoice} contract={contract} account={account} />