diff --git a/wwwroot/app.js b/wwwroot/app.js index b5344bb..7fd9a09 100644 --- a/wwwroot/app.js +++ b/wwwroot/app.js @@ -292,7 +292,7 @@ function renderResults() { ${r.genre ? `
${r.genre}
` : ''} - ${r.author ?? "—"} + ${r.author ?? "—"} ${r.count} ${r.average.toFixed(1)} ${r.total} diff --git a/wwwroot/styles.css b/wwwroot/styles.css index 42c921d..c6b69a4 100644 --- a/wwwroot/styles.css +++ b/wwwroot/styles.css @@ -362,9 +362,10 @@ input[type="range"].full-slider::-moz-range-track { .results-table th, .results-table td { padding: 10px; } .results-table tr { border-bottom: 1px solid #e3d4bd; } .results-table th { text-align: left; color: #7a6a53; font-size: 12px; letter-spacing: 0.3px; } -.results-table .game-cell { display: flex; gap: 10px; align-items: center; } +.results-table .game-cell { display: flex; gap: 10px; align-items: center; min-width: 0; } .results-table .thumb { width: 72px; height: 48px; object-fit: cover; border-radius: 6px; border: 1px solid #e3d4bd; cursor: pointer; } -.results-table .game-meta { display: flex; flex-direction: column; gap: 2px; } -.results-table .title-line { font-weight: 700; } +.results-table .game-meta { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; } +.results-table .title-line { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } +.results-table .author-cell { max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .results-table .muted.small { font-size: 12px; color: #7a6a53; } .thumb-open { background: #fffaf3; border: 1px solid #e3d4bd; color: #2c1c0d; border-radius: 6px; padding: 4px 8px; cursor: pointer; }