From 92fe95243cfe985350e3353cc471cb083730a30e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vikt=C3=B3ria=20Brezinov=C3=A1?= <vikibrezinova@gmail.com>
Date: Sat, 9 Dec 2023 12:46:41 +0100
Subject: [PATCH] chane style of resultsRow

---
 src/components/Results/ResultsRow.module.scss |  6 ++---
 src/components/Results/ResultsRow.tsx         | 24 ++++++++++++-------
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/components/Results/ResultsRow.module.scss b/src/components/Results/ResultsRow.module.scss
index 469402c3..e89c86da 100644
--- a/src/components/Results/ResultsRow.module.scss
+++ b/src/components/Results/ResultsRow.module.scss
@@ -2,10 +2,6 @@
   display: contents;
 }
 
-.rowWrapper > div {
-  padding: 0px 10px;
-}
-
 .rowWrapper:hover > div {
   background-color: #000;
   color: #fff;
@@ -21,6 +17,7 @@
 .nameAndSchool {
   display: grid;
   grid-template-rows: 2fr 1fr;
+  padding: 0px 10px;
 }
 
 .name {
@@ -48,6 +45,7 @@
   justify-content: center;
   // border: 1px solid red;
   grid-template-rows: max-content max-content;
+  padding: 0px 10px;
 
   > div {
     // border: 1px solid red;
diff --git a/src/components/Results/ResultsRow.tsx b/src/components/Results/ResultsRow.tsx
index e8eafd8f..9f8d7a26 100644
--- a/src/components/Results/ResultsRow.tsx
+++ b/src/components/Results/ResultsRow.tsx
@@ -40,9 +40,11 @@ export const ResultsRow: FC<{result: Result}> = ({result}) => {
 
   return (
     <div className={styles.rowWrapper}>
-      <Typography variant="h1" component="span" className={styles.rank}>
-        {rank_changed && rank_start + '.'}
-      </Typography>
+      <div className={styles.rank}>
+        <Typography variant="h1" component="span">
+          {rank_changed && rank_start + '.'}
+        </Typography>
+      </div>
       <div className={styles.nameAndSchool}>
         <Typography variant="h2" component="span" className={styles.name}>
           {registration.profile.first_name + ' ' + registration.profile.last_name}
@@ -51,9 +53,11 @@ export const ResultsRow: FC<{result: Result}> = ({result}) => {
           {registration.school.name + ' ' + registration.school.street + ' ' + registration.school.city}
         </Typography>
       </div>
-      <Typography variant="h3" component="span" fontWeight={400} fontStyle="italic" className={styles.grade}>
-        {registration.grade}
-      </Typography>
+      <div className={styles.grade}>
+        <Typography variant="h3" component="span" fontWeight={400} fontStyle="italic">
+          {registration.grade}
+        </Typography>
+      </div>
       <div className={styles.score}>
         {solutions.map((series, index) => (
           <div key={index}>
@@ -68,9 +72,11 @@ export const ResultsRow: FC<{result: Result}> = ({result}) => {
           </div>
         ))}
       </div>
-      <Typography variant="h3" component="span" fontStyle="italic" className={styles.totalScore}>
-        {total}
-      </Typography>
+      <div className={styles.totalScore}>
+        <Typography variant="h3" component="span" fontStyle="italic">
+          {total}
+        </Typography>
+      </div>
     </div>
   )
 }