Fix error on ranking page

Author: VitorCarvalho67

client/src/scss/pages/shared/_ranking.scss

@@ -100,19 +100,19 @@ main {
                         transform: scale(1.04);
                     }
 
-                    .xx{
+                    .xx {
                         height: 100%;
                         @include flex(row, flex-start, center);
 
-                        .pontos{
+                        .pontos {
                             display: none;
                         }
 
                         @include m-screen(600px) {
                             width: 100%;
                             @include flex(row, flex-start, center);
 
-                            .pontos{
+                            .pontos {
                                 display: block;
                                 @include font-inter(bold);
                             }
@@ -151,20 +151,23 @@ main {
 
                     img:nth-child(3) {
                         width: 50px;
+                        height: 50px;
+                        object-fit: cover;
                         border-radius: 50%;
                         padding: 2px;
                         background-color: $secondary-color-dark;
 
                         @include m-screen(770px) {
                             width: 40px;
+                            height: 40px;
                         }
                     }
 
                     .normal {
                         filter: saturate(0);
                     }
 
-                    .zz{
+                    .zz {
                         height: 100%;
                         @include flex(row, flex-start, center);
 
@@ -177,7 +180,7 @@ main {
                             width: 100%;
                             @include flex(row, flex-start, center);
                             margin-left: 0px;
-                            .pontos{
+                            .pontos {
                                 display: none;
                             }
                         }
@@ -186,7 +189,7 @@ main {
                             font-size: 1.2rem;
                             @include font-inter(400);
                             margin-right: 30px;
-    
+
                             @include m-screen(1000px) {
                                 margin-right: 20px;
                                 font-size: 1rem;
@@ -196,23 +199,22 @@ main {
                                 margin-right: 0px;
                             }
                         }
-    
+
                         .pontos {
                             @include font-inter(bold);
                             position: absolute;
                             right: 20px;
-    
+
                             @include m-screen(770px) {
                                 right: 10px;
                             }
-    
+
                             @include m-screen(680px) {
                                 position: relative;
                                 right: 0px;
                             }
                         }
                     }
-
                 }
 
                 .aluno:nth-child(2) {

client/src/views/empresa/Ranking.vue

@@ -12,12 +12,18 @@
                         <p class="info">Clique para entrar em contato:</p>
 
                         <router-link v-for="(item, index) in ranking" :key="index" :to="`/empresa/aluno/profile/${item.aluno.rm}`" class="aluno">
-                            <b>#{{ index + 1 }}</b>
-                            <img :src="(index + 1 < 4) ? '../assets/icons/m' + (index + 1) + '.png' : '../../assets/icons/m3.png'" :class="(index + 1 < 4) ? 'medalha' : 'medalha normal' " alt="">
-                            <img v-if="item.aluno.imagem != 'default'" :src="item.aluno.imagem" alt="Foto do aluno">
-                            <img v-else src="../../assets/icons/artwork.png" alt="Foto padrão">
-                            <p class="name">{{ item.aluno.nome }} - 3º DS</p>
-                            <p class="pontos">{{ (item.rankingNota * 1000).toFixed(2) }} / {{ item.numeroNotas }}</p>
+                            <div class="xx">
+                                <b>#{{ index + 1 }}</b>
+                                <img :src="index + 1 < 4 ? medalhas[index] : medalhas[3]"
+                                    :class="(index + 1 < 4) ? 'medalha' : 'medalha normal'" alt="" />
+                                <img v-if="item.aluno.imagem != 'default'" :src="item.aluno.imagem" alt="Foto do aluno">
+                                <img v-else src="../../assets/icons/artwork.png" alt="Foto padrão">
+                                <p class="pontos">{{ (item.rankingNota * 1000).toFixed(2) }} / {{ item.numeroNotas }} pontos</p>
+                            </div>
+                            <div class="zz">
+                                <p class="name">{{ item.aluno.nome }} - 3º DS</p>
+                                <p class="pontos">{{ (item.rankingNota * 1000).toFixed(2) }} / {{ item.numeroNotas }} pontos</p>
+                            </div>
                         </router-link>
                     </div>
                 </div>