Change settings

src/views/LiveView.vue

@@ -359,7 +359,7 @@ watch(
 /* Net row */
 .net { display: grid; grid-template-columns: 1fr auto; align-items: end; }
 .net__label { font-size: 12px; color: #6b7280; }
-.net__value { font-size: clamp(22px, 2.2vw, 30px); font-weight: 900; letter-spacing: -.01em; color: #0f172a; }
+.net__value { font-size: clamp(18px, 2.2vw, 25px); font-weight: 700; letter-spacing: -.01em; color: #0f172a; }
 
 /* Bar vs B&H */
 .bar { height: 6px; border-radius: 999px; background: #F2F4F8; overflow: hidden; border: 1px solid #E7ECF3; }
@@ -367,10 +367,23 @@ watch(
 .bar.neg span { background: linear-gradient(90deg,#ef4444,#dc2626); }
 
 /* Bottom */
-.bottom { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 8px; }
-.chips { display: inline-flex; gap: 8px; }
+.bottom { display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; align-items: end; gap: 8px; }
+.chips{
+  grid-column:1 / -1;               /* span both columns on row 1 */
+  grid-row:1;
+  display:inline-flex;
+  gap:8px;
+  flex-wrap:wrap;                   /* chips can wrap within row 1 */
+}
+.eod{
+  grid-column:2;                    /* row 2, right column */
+  grid-row:2;
+  justify-self:end;                 /* align to the right */
+  /* allow wrapping if needed; remove nowrap */
+  font-size:12px;
+  color:#6b7280;
+}
 .chip { font-size: 12px; font-weight: 800; padding: 4px 8px; border-radius: 999px; background: #F6F8FB; color: #0f172a; border: 1px solid #E7ECF3; }
 .chip.pos { color: #0e7a3a; background: #E9F7EF; border-color: #d7f0e0; }
 .chip.neg { color: #B91C1C; background: #FBEAEA; border-color: #F3DADA; }
-.eod { font-size: 12px; color: #6b7280; }
 </style>