diff --git a/lib/common/static/instance_theme.css b/lib/common/static/instance_theme.css index d8b28d5..f8cf0e3 100644 --- a/lib/common/static/instance_theme.css +++ b/lib/common/static/instance_theme.css @@ -3305,23 +3305,39 @@ html[data-theme="light"] .options-estimate-row { align-items: center; gap: 6px; min-width: 0; - flex: 1; + flex: 1 1 auto; + flex-wrap: nowrap; + overflow: hidden; +} +.opt-pos-bar .pos-side-badge { + white-space: nowrap; + flex-shrink: 0; + padding: 2px 6px; + font-size: 0.62rem; + line-height: 1.15; +} +.opt-pos-cards--accordion .opt-pos-bar-meta { + display: none; } .opt-pos-bar-side { display: flex; - align-items: center; - gap: 10px; + flex-direction: column; + align-items: flex-end; + justify-content: center; + gap: 1px; flex-shrink: 0; font-variant-numeric: tabular-nums; + min-width: 3.6rem; } .opt-pos-bar-title { - font-size: 0.72rem; + font-size: 0.68rem; font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: 11rem; + flex: 1 1 auto; + min-width: 5.5rem; } .opt-pos-bar-meta { font-size: 0.66rem; @@ -3335,9 +3351,10 @@ html[data-theme="light"] .options-estimate-row { } .opt-pos-bar-pnl, .opt-pos-bar-roi { - font-size: 0.72rem; + font-size: 0.68rem; font-weight: 600; white-space: nowrap; + line-height: 1.15; } .opt-pos-bar-chevron { display: inline-block; diff --git a/lib/common/static/options_panel.js b/lib/common/static/options_panel.js index c1f4f12..830c56f 100644 --- a/lib/common/static/options_panel.js +++ b/lib/common/static/options_panel.js @@ -482,15 +482,15 @@ '