期权历史表：盈亏单行显示，收窄合约列

Co-authored-by: Cursor <cursoragent@cursor.com>

lib/common/static/instance_theme.css

@@ -5197,36 +5197,43 @@ html[data-theme="light"] .opt-source-badge--oo {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  max-width: 100%;
+  font-size: 0.72rem;
 }
 .opt-history-table th:nth-child(1),
 .opt-history-table td:nth-child(1) {
-  width: 34%;
+  width: 22%;
 }
 .opt-history-table th:nth-child(2),
 .opt-history-table td:nth-child(2) {
-  width: 7%;
+  width: 6%;
 }
 .opt-history-table th:nth-child(3),
 .opt-history-table td:nth-child(3) {
-  width: 11%;
+  width: 14%;
+  white-space: nowrap;
 }
 .opt-history-table th:nth-child(4),
 .opt-history-table td:nth-child(4) {
-  width: 9%;
+  width: 8%;
 }
 .opt-history-table th:nth-child(5),
 .opt-history-table td:nth-child(5) {
-  width: 11%;
+  width: 16%;
+  white-space: nowrap;
 }
 .opt-history-table th:nth-child(6),
 .opt-history-table td:nth-child(6) {
-  width: 20%;
+  width: 22%;
 }
 .opt-history-table th:nth-child(7),
 .opt-history-table td:nth-child(7) {
-  width: 8%;
+  width: 12%;
   text-align: center;
 }
+.opt-history-table .opt-hist-pnl {
+  white-space: nowrap;
+}
 .opt-hist-time {
   font-size: 0.64rem;
   white-space: nowrap;

lib/common/static/options_panel.js

@@ -2586,7 +2586,7 @@
         "<td>" + fmt(h.sheets, 0) + "</td>" +
         "<td>" + premTxt + "</td>" +
         "<td>" + optHistoryStatusHtml(h) + "</td>" +
-        '<td class="' + pnlCls + '">' + pnlTxt + "</td>" +
+        '<td class="' + pnlCls + ' opt-hist-pnl">' + pnlTxt + "</td>" +
         '<td class="opt-hist-time">' + timeTxt + "</td>" +
         '<td><button type="button" class="btn-secondary btn-sm opt-history-del" data-key="' +
         histKey +

lib/options/templates/options_panel.html

@@ -351,4 +351,4 @@
     </div>
 </div>
 <script src="/static/options_expiry_countdown.js?v=1"></script>
-<script src="/static/options_panel.js?v=64"></script>
+<script src="/static/options_panel.js?v=65"></script>