+1 -1

src/components/UserProfile/ScoreGauge.js

Reviewed

··· 68 68 {needle(score, data, cx, cy, iR, oR, '#FFD700')} 69 69 </PieChart> 70 70 <div className="text-center font-semibold mt-2"> 71 71 - Score: {score} / {MAX_SCORE} 71 71 + {score} / {MAX_SCORE} 72 72 </div> 73 73 </ResponsiveContainer> 74 74 </div>

+7 -8

src/components/UserProfile/UserProfile.css

Reviewed

··· 84 84 } 85 85 86 86 .toggle-switch { 87 87 - margin-top: 15px; 87 87 + margin-top: 57.5px; 88 88 } 89 89 90 90 .toggle-button { ··· 120 120 } 121 121 122 122 .user-profile-header-rechart { 123 123 + max-width: 416.5px; 124 124 + margin: auto; 125 125 + height: 179.5px; 123 126 display: flex; 127 127 + align-items: center; 124 128 justify-content: center; 125 125 - align-items: center; 126 126 - padding: 1rem; 127 127 - margin-top: 1rem; 128 129 } 129 130 130 130 - .score-gauge { 131 131 - display: flex; 132 132 - flex-direction: column; 133 133 - align-items: center; 131 131 + .text-center.font-semibold.mt-2 { 132 132 + margin-top: -23px; 134 133 }