06/05 Optimize app

app/templates/investments/index.html

@@ -78,6 +78,14 @@
 </div>
 {% else %}
 
+<!-- Price alerts banner (populated by AJAX) -->
+<div id="price-alert-banner" style="display:none;" class="alert d-flex align-items-start gap-2 mb-3" style="background:#fef3c7;border:1px solid #fcd34d;color:#78350f;font-size:13px;border-radius:8px;padding:10px 14px;">
+    <i class="bi bi-graph-up-arrow flex-shrink-0 mt-1" style="color:#d97706;"></i>
+    <div class="flex-grow-1" id="price-alert-text"></div>
+    <button type="button" onclick="document.getElementById('price-alert-banner').style.display='none';"
+            style="background:none;border:none;color:#92400e;cursor:pointer;font-size:16px;line-height:1;padding:0 4px;" title="Dismiss">×</button>
+</div>
+
 <!-- Summary cards -->
 <div class="row g-3 mb-4">
     <div class="col-6 col-xl-3">
@@ -134,7 +142,8 @@
 
 {# ── Reusable holdings table macro ──────────────────────────────────────── #}
 {% macro holdings_table(inv_list) %}
-<table class="pfm-table">
+<div class="table-wrap">
+<table class="pfm-table wide">
     <thead>
         <tr>
             <th style="padding-left:20px;">Asset</th>
@@ -219,6 +228,7 @@
     {% endfor %}
     </tbody>
 </table>
+</div>
 {% endmacro %}
 
 <!-- Chart + Allocation -->