chane style of resultsRow

ZdruzenieSTROM · Dec 9, 2023 · 92fe952 · 92fe952
1 parent 5df8ae8
commit 92fe952
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 13 deletions.
diff --git 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
@@ -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>
   )
 }