diff --git a/frontend/src/components/ConsultorCard.css b/frontend/src/components/ConsultorCard.css index 59531d3..a153a88 100644 --- a/frontend/src/components/ConsultorCard.css +++ b/frontend/src/components/ConsultorCard.css @@ -242,7 +242,7 @@ .details-grid { display: grid; - grid-template-columns: repeat(5, 1fr); + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.1rem 1.25rem; padding-top: 1.1rem; } @@ -267,7 +267,7 @@ .score-breakdown-total { display: flex; flex-wrap: wrap; - gap: 0.55rem; + gap: 0.4rem; margin-top: 0.4rem; overflow: visible; position: relative; @@ -277,12 +277,13 @@ .score-breakdown-total .score-item, .score-breakdown .score-item-wrapper .score-item, .score-breakdown-total .score-item-wrapper .score-item { - width: 58px; - height: 58px; + width: 100%; + height: 54px; display: flex; flex-direction: column; justify-content: center; align-items: center; + overflow: hidden; } .score-item { @@ -303,14 +304,20 @@ } .score-item-label { - font-size: 0.7rem; - letter-spacing: 0.8px; + font-size: 0.55rem; + letter-spacing: 0; color: var(--muted); + max-width: 100%; + padding: 0 2px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .score-item-wrapper { position: relative; - display: inline-block; + flex: 0 0 calc(33.333% - 0.3rem); + max-width: calc(33.333% - 0.3rem); } .score-item-wrapper .score-item { diff --git a/frontend/src/components/ConsultorCard.jsx b/frontend/src/components/ConsultorCard.jsx index 8e2c331..cf97d98 100644 --- a/frontend/src/components/ConsultorCard.jsx +++ b/frontend/src/components/ConsultorCard.jsx @@ -104,7 +104,7 @@ const ConsultorCard = ({ consultor, highlight, selecionado, onToggleSelecionado
{pontuacaoTotal}
Score
-
{expanded ? '?' : '?'}
+
{expanded ? '▲' : '▼'}
diff --git a/frontend/src/services/api.js b/frontend/src/services/api.js index 980e140..4c78249 100644 --- a/frontend/src/services/api.js +++ b/frontend/src/services/api.js @@ -49,7 +49,7 @@ export const rankingService = { ativo: c.ativo, anos_atuacao: anos, veterano: anos >= 10, - pontuacao: { + pontuacao: c.pontuacao || { pontuacao_total: c.pontuacao_total, bloco_a: { total: c.bloco_a, atuacoes: [] }, bloco_c: { total: c.bloco_c, atuacoes: [] },