Update index.html

index.html

@@ -45,15 +45,25 @@
     </div>
 
     <div id="deal-modal" class="modal-backdrop hidden">
-        <div class="modal-content">
-            <button id="modal-close-button" class="modal-close">&times;</button>
-            <h3>Deal Information</h3>
-            <div id="modal-body">
-                <p><strong>Deal ID:</strong> <span id="modal-deal-id"></span></p>
-                <p><strong>Owner:</strong> <span id="modal-owner-name"></span></p>
-                <p><strong>Tokens Requested:</strong> <span id="modal-token-amount"></span></p>
-                <p><strong>Status:</strong> <span id="modal-status-badge" class="badge"></span></p>
-            </div>
+    <div class="modal-content">
+        <button id="modal-close-button" class="modal-close">&times;</button>
+        <h3>Deal Information</h3>
+        <div id="modal-body">
+            <p><strong>Deal ID:</strong> <span id="modal-deal-id"></span></p>
+            <p><strong>Status:</strong> <span id="modal-status-badge" class="badge"></span></p>
+            <hr>
+            <p><strong>Owner:</strong> <span id="modal-owner-name"></span></p>
+            <p><strong>Contact Email:</strong> <span id="modal-contact-email"></span></p>
+            <p><strong>Contact Phone:</strong> <span id="modal-contact-phone"></span></p>
+            <hr>
+            <p><strong>Vessel Year Built:</strong> <span id="modal-year-built"></span></p>
+            <p><strong>Gross Tonnage:</strong> <span id="modal-gross-tonnage"></span></p>
+            <p><strong>Tokens Requested:</strong> <span id="modal-token-amount"></span></p>
+            <p><strong>Description:</strong></p>
+            <p id="modal-vessel-description" style="white-space: pre-wrap;"></p>
+        </div>
+    </div>
+    </div>
         </div>
     </div>