Shortened the table's "Values" with k, m and bn suffixes

web/src/components/OpportunityTable.tsx

@@ -9,7 +9,7 @@ import { createMemo, createSignal, For, Match, Show, Switch } from 'solid-js';
 import { api } from '@/api/client';
 import { errorText } from '@/lib/errors';
 import { statusLabel } from '@/lib/filterOpportunities';
-import { formatDate, formatDateTime, formatMoney, parseDate } from '@/lib/format';
+import { formatDate, formatDateTime, formatMoney, formatMoneyShort, parseDate } from '@/lib/format';
 import type { NoticeSite } from '@/lib/opportunities';
 import { latestRelease, noticeSite } from '@/lib/opportunities';
 import type { OpportunitySort, SortColumn } from '@/lib/sortOpportunities';
@@ -298,7 +298,13 @@ function OpportunityRow(props: RowProps): JSX.Element {
       </td>
       <td class={`${td} whitespace-nowrap`}>{formatDate(opportunity().start_date)}</td>
       <td class={`${td} whitespace-nowrap`}>{formatDate(opportunity().end_date)}</td>
-      <td class={`${td} text-right whitespace-nowrap`}>{formatMoney(opportunity().gross_value)}</td>
+      {/* Shortened to scan down the column; the exact amount is in the tooltip. */}
+      <td
+        class={`${td} text-right whitespace-nowrap`}
+        title={opportunity().gross_value > 0 ? formatMoney(opportunity().gross_value) : undefined}
+      >
+        {formatMoneyShort(opportunity().gross_value)}
+      </td>
       <td class={td}>
         <MarkMenu
           marks={marks()}