Rework of page "ranklist" (part2), /style fixed delete, show comments buttons on index.js/

src/pages/ranklist.js

@@ -112,9 +112,12 @@ export default function RankList() {
     getList()
   }, [])
 
-  useEffect(() => {
-    getList()
-  }, [since])
+  useEffect(
+    () => {
+      getList()
+    },
+    [since]
+  )
 
   const list = ranklist && sortDataBy(ranklist, key)
 
@@ -145,7 +148,7 @@ export default function RankList() {
           </div>
           <Sleep />
           <div className={styles.selectContainer}>
-            <div>Megjelenítés:</div>
+            <div>Megjelenítés: </div>
             <select
               onChange={(e) => {
                 updateSince(e.target.value)
@@ -162,7 +165,7 @@ export default function RankList() {
             </select>
           </div>
           <div className={styles.selectContainer}>
-            <div>Rendezés:</div>
+            <div>Rendezés: </div>
             <select
               value={key}
               onChange={(e) => {
@@ -179,8 +182,19 @@ export default function RankList() {
               })}
             </select>
           </div>
+          <div className={`${styles.sumRow}`}>
+            <div />
+            <div>
+              <b>{'Összesen: '}</b>
+            </div>
+            <div>{sum.newQuestions}</div>
+            <div>{sum.allQuestions}</div>
+            <div>{sum.count}</div>
+          </div>
           <div className={styles.headerRow}>
-            <div>{'Rank'}</div>
+            <div>
+              <b>{'Rank'}</b>
+            </div>
             <div>{'Felhasználó ID'}</div>
             {Object.keys(selectOptions).map((listKey) => {
               const val = selectOptions[listKey]
@@ -194,13 +208,6 @@ export default function RankList() {
               )
             })}
           </div>
-          <div className={`${styles.row} ${styles.sumrow}`}>
-            <div />
-            <div>{'Összesen'}</div>
-            <div>{sum.newQuestions}</div>
-            <div>{sum.allQuestions}</div>
-            <div>{sum.count}</div>
-          </div>
         </div>
         <div className={styles.table}>
           {list ? (