diff --git a/crates/lanspread-tauri-deno-ts/src/components/DownloadProgress.tsx b/crates/lanspread-tauri-deno-ts/src/components/DownloadProgress.tsx index 5290a38..9047f95 100644 --- a/crates/lanspread-tauri-deno-ts/src/components/DownloadProgress.tsx +++ b/crates/lanspread-tauri-deno-ts/src/components/DownloadProgress.tsx @@ -86,9 +86,7 @@ export const DownloadProgress = ({ game, size = 'md', full = false, onCancel }: title={`Downloading from ${stats.activePeerCount} ${peerUnit} on the LAN`} > - - from {stats.activePeerCount} {peerUnit} - + {stats.activePeerCount} )} diff --git a/crates/lanspread-tauri-deno-ts/src/styles/launcher.css b/crates/lanspread-tauri-deno-ts/src/styles/launcher.css index cb5f60a..2c10d3b 100644 --- a/crates/lanspread-tauri-deno-ts/src/styles/launcher.css +++ b/crates/lanspread-tauri-deno-ts/src/styles/launcher.css @@ -1048,14 +1048,11 @@ .dl-lg-secondary .dl-peers { display: inline-flex; align-items: center; - gap: 5px; - color: var(--t-2); - white-space: nowrap; -} -.dl-lg-secondary .dl-peers strong { + gap: 4px; color: var(--t-1); font-weight: 600; font-variant-numeric: tabular-nums; + white-space: nowrap; } .dl-lg-secondary .dl-peers svg { opacity: 0.7; @@ -1069,13 +1066,13 @@ .dl-sep { opacity: 0.45; } -@container (max-width: 380px) { +@container (max-width: 320px) { .dl-lg-secondary .dl-eta, .dl-lg-secondary .dl-sep-eta { display: none; } } -@container (max-width: 300px) { +@container (max-width: 240px) { .dl-lg-secondary .dl-peers, .dl-lg-secondary .dl-sep-peers { display: none;