@sensiblestats/widget-react 0.48.5 → 0.48.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sensiblestats/widget-react
 
+## 0.48.6
+
+### Patch Changes
+
+- Today tab: mirror the away team around the score — crest on the outer (right) edge, name right-aligned — so each fixture row reads symmetrically like a scoreboard. Applies to both the live band and the competition accordions.
+
 ## 0.48.5
 
 ### Patch Changes

package/dist/index.cjs

@@ -3736,8 +3736,8 @@ function kickoffLabel(kickoffUnix) {
   const d = new Date(kickoffUnix * 1e3);
   return `${`${d.getHours()}`.padStart(2, "0")}:${`${d.getMinutes()}`.padStart(2, "0")}`;
 }
-function Side({ name, crest }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "ss-w-drow-side", children: [
+function Side({ name, crest, away = false }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: away ? "ss-w-drow-side ss-w-drow-side--away" : "ss-w-drow-side", children: [
     crest ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("img", { className: "ss-w-drow-crest", src: crest, alt: "" }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "ss-w-drow-nm", children: name })
   ] });
@@ -3752,7 +3752,7 @@ function FixtureRow({ match, state, stale, ui, monitor }) {
     /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: "ss-w-drow-fx", children: [
       /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Side, { name: match.homeTeamName, crest: match.homeTeamImagePath }),
       /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: hasScore ? "ss-w-drow-sc" : "ss-w-drow-sc ss-w-drow-sc--idle", children: hasScore ? `${state.homeScore}\u2013${state.awayScore}` : "\u2013" }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath })
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Side, { name: match.awayTeamName, crest: match.awayTeamImagePath, away: true })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(PinToggle, { ui, monitor, pin: { kind: "match", matchId: match.matchId } })
   ] });
@@ -4762,6 +4762,8 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
    which is the u350 betting-card truncation one layer down. */
 .ss-w-drow-fx { display: flex; align-items: center; gap: 6px; min-width: 0; }
 .ss-w-drow-side { display: flex; align-items: center; gap: 5px; min-width: 0; flex: 1 1 0; }
+/* Away side mirrors home around the score: crest to the far edge, name aligned inward. */
+.ss-w-drow-side--away { flex-direction: row-reverse; text-align: right; }
 .ss-w-drow-nm { font-size: 12.5px; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 /* Centre slot of .ss-w-drow-fx, between the two sides: flex:none so a widening score never
    steals width the team names need to avoid ellipsis. min-width holds the slot at the width of a