From 68fb2077864295b3f4aa6d8806b6b2e8c0156b6d Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Thu, 24 Aug 2023 16:42:13 +0530
Subject: [PATCH] UI changes

---
 index.html | 29 +++++++++++++++--------------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index a465cf8..fa11ca9 100644
--- a/index.html
+++ b/index.html
@@ -1090,14 +1090,6 @@
                                     `: ''}
                                     ${selectedFile ? html`
                                         <div id="file_upload_section" class=${`grid gap-1 card`}>
-                                            ${isUploading ? html`    
-                                                <div id="upload_progress_section" class=${`grid gap-1`}>
-                                                    <h4>Uploading file...</h4>
-                                                    <div id="progress_bar" class="progress">
-                                                        <div class="progress__bar"></div>
-                                                    </div>
-                                                </div>
-                                            `: ''}
                                             ${!isUploading ? html`
                                                 <div id="upload_button_wrapper" class="flex flex align-center gap-1 flex-wrap">
                                                     <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"> <path d="M0 0h24v24H0V0z" fill="none" /> <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z" /> </svg>
@@ -1120,12 +1112,21 @@
                                         <legend>Select KYC verifier</legend>
                                         ${issuersList}
                                     </fieldset>
-                                    <div class="multi-state-button">
-                                        <button id="upload_file_button" class="button button--primary flex-1 gap-0-5" onclick=${uploadFile}>
-                                            <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M7,9l1.41,1.41L11,7.83V16h2V7.83l2.59,2.58L17,9l-5-5L7,9z"/></g></svg>
-                                            Upload
-                                        </button>
-                                    </div>
+                                    ${isUploading ? html`    
+                                        <div id="upload_progress_section" class=${`grid gap-1`}>
+                                            <h4>Uploading file...</h4>
+                                            <div id="progress_bar" class="progress">
+                                                <div class="progress__bar"></div>
+                                            </div>
+                                        </div>
+                                    `: html`
+                                        <div class="multi-state-button">
+                                            <button id="upload_file_button" class="button button--primary flex-1 gap-0-5" onclick=${uploadFile}>
+                                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><path d="M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M7,9l1.41,1.41L11,7.83V16h2V7.83l2.59,2.58L17,9l-5-5L7,9z"/></g></svg>
+                                                Upload
+                                            </button>
+                                        </div>
+                                    `}
                                 `: ''}
                             `
                         })()