minor ui fixes

Author: michaelsboost

.DS_Store

@@ -141,16 +141,17 @@ <h2 class="font-bold text-lg">📋 Trade History</h2>
             </div>
           </div>
         </div>
-        
-        <div class="overflow-x-auto">
+      
+        <!-- Set max height and make it scrollable -->
+        <div class="overflow-x-auto max-h-96 overflow-y-auto">
           <table id="history" class="w-full text-sm">
-            <thead>
+            <thead class="sticky inset-x-0 top-0">
               <tr class="text-left border-b border-slate-700">
                 <th class="pb-2 text-slate-400">Time</th>
                 <th class="pb-2 text-slate-400">Type</th>
                 <th class="pb-2 text-slate-400">Entry</th>
                 <th class="pb-2 text-slate-400">Exit</th>
-                <th class="pb-2 text-slate-400">P&amp;L</th>
+                <th class="pb-2 text-slate-400">P&L</th>
                 <th class="pb-2 text-slate-400">Duration</th>
                 <th class="pb-2 text-slate-400">Result</th>
               </tr>

dist/bundle.css

@@ -105,7 +105,7 @@ <h2 class="font-bold text-lg my-auto">Price Chart</h2>
     </div>
   </div>
 
-  <!-- Trade History -->
+  <!-- Trade History --> 
   <div class="trading-card rounded-xl p-5 mt-6">
     <div class="flex justify-between items-center mb-4">
       <h2 class="font-bold text-lg">📋 Trade History</h2>
@@ -120,10 +120,11 @@ <h2 class="font-bold text-lg">📋 Trade History</h2>
         </div>
       </div>
     </div>
-    
-    <div class="overflow-x-auto">
+  
+    <!-- Set max height and make it scrollable -->
+    <div class="overflow-x-auto max-h-96 overflow-y-auto">
       <table id="history" class="w-full text-sm">
-        <thead>
+        <thead class="sticky inset-x-0 top-0">
           <tr class="text-left border-b border-slate-700">
             <th class="pb-2 text-slate-400">Time</th>
             <th class="pb-2 text-slate-400">Type</th>