From 54f2ff838150af4f39755d701100427e1ee43816 Mon Sep 17 00:00:00 2001
From: karthik <gopavarapukarthik08@gmail.com>
Date: Sun, 17 Aug 2025 14:42:05 +0530
Subject: [PATCH] fix : second screen styling done...

---
 .../shared-table/shared-table.component.html  | 23 +++++++------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/btc-UI/src/app/components/shared-table/shared-table.component.html b/btc-UI/src/app/components/shared-table/shared-table.component.html
index 0f8b5ca..5b3f69a 100644
--- a/btc-UI/src/app/components/shared-table/shared-table.component.html
+++ b/btc-UI/src/app/components/shared-table/shared-table.component.html
@@ -1,4 +1,3 @@
-<!-- shared-table.component.html -->
 <div class="wrapper">
   <div class="middle-section-container container-fluid mt-3 px-4">
     <!-- Transaction Summary -->
@@ -7,11 +6,6 @@
         <h5 class="text-center mb-3">Transaction Summary</h5>
         <div class="rounded flex-grow-1" style="background-color: #f1f1f1df; padding: 1rem; overflow: hidden">
           <table class="table borderless-custom w-100 text-dark mb-0 transaction_tb">
-            <colgroup>
-              <col style="width: 20%" />
-              <col style="width: 15%" />
-              <col style="width: 65%" />
-            </colgroup>
             <tbody>
               <tr *ngFor="let row of summaryRows">
                 <td class="custom-cell pure-white col-20">{{ row.col1 }}</td>
@@ -26,14 +20,11 @@
 
     <!-- Main Table -->
     <div class="main-table">
-      <div class="p-2 rounded h-100 d-flex flex-column justify-content-between" style="background-color: #f1f1f1df">
+      <div
+        class="p-2 rounded h-100 d-flex flex-column justify-content-between"
+        style="background-color: #f1f1f1df"
+      >
         <table class="table borderless-custom w-100 mb-2 table-main">
-          <colgroup>
-            <col style="width: 12%" />
-            <col style="width: 60%" />
-            <col style="width: 10%" />
-            <col style="width: 18%" />
-          </colgroup>
           <tbody>
             <tr *ngFor="let row of rows">
               <td class="custom-cell-new">{{ row.label }}</td>
@@ -47,13 +38,15 @@
         </table>
         <div class="buttons-custom d-flex justify-content-between align-items-center px-3">
           <div></div>
-          <div class="fw-bold fs-5">Amount : ₹ {{ totalAmount }}</div>
+          <div class="fw-bold">Amount : {{ totalAmount }}</div>
         </div>
       </div>
     </div>
   </div>
 
   <footer class="footer" [ngStyle]="{ 'background-color': isConnected ? '#d1ffd1' : '#ffcccc' }">
-    <div class="live-data-text">Live Data: {{ message || 'Disconnected' }}</div>
+    <div class="live-data-text">
+      Live Data: {{ message || 'Disconnected' }}
+    </div>
   </footer>
 </div>