diff --git a/app/features/sendouq/q.css b/app/features/sendouq/q.css index 25b9e6020..c962b2a69 100644 --- a/app/features/sendouq/q.css +++ b/app/features/sendouq/q.css @@ -374,19 +374,33 @@ .q-match__report-section { display: grid; - grid-template-columns: max-content 1fr; + grid-template-columns: max-content max-content 1fr; row-gap: var(--s-2); - column-gap: var(--s-4); + column-gap: var(--s-2-5); align-items: center; font-size: var(--fonts-xs); } +.q-match__result-dot { + width: 12px; + height: 12px; + border-radius: 100%; + background-color: var(--text-lighter); +} + +.q-match__result-dot__won { + background-color: var(--theme-success); +} + +.q-match__result-dot__lost { + background-color: var(--theme-error); +} + .q-match__pool-pass-container { display: flex; gap: var(--s-2); flex-direction: column; max-width: max-content; - margin: 0 auto; } .q-match__sentiment-emoji { diff --git a/app/features/sendouq/routes/q.match.$id.tsx b/app/features/sendouq/routes/q.match.$id.tsx index 5d5a0b2bc..768cee73c 100644 --- a/app/features/sendouq/routes/q.match.$id.tsx +++ b/app/features/sendouq/routes/q.match.$id.tsx @@ -1057,7 +1057,9 @@ function BottomSection({ ); const roomJoiningInfoElement = ( -