Prettying stuff

src/pages/ranklist.js

@@ -139,13 +139,18 @@ export default function RankList() {
               className={styles.infoText}
             >{`A felhasználó ID-d: #${selfUserId}`}</div>
             <div className={styles.text}>
-          <p>Az adatok kb 2020. április eleje óta vannak gyűjtve, és azonnal
-          frissülnek.</p>
+              <p>
+                Az adatok kb 2020. április eleje óta vannak gyűjtve, és azonnal
+                frissülnek.
+              </p>
             </div>
             <Sleep />
             <center>
-          <label>Megjelenítés: 
-          <select className={styles.sinceHeaderRow} onChange={(e) => {
+              <label>
+                Megjelenítés:
+                <select
+                  className={styles.sinceHeaderRow}
+                  onChange={(e) => {
                     console.log(e.target.value)
                     updateSince(e.target.value)
                   }}
@@ -153,10 +158,7 @@ export default function RankList() {
                   {Object.keys(sinceOptions).map((key) => {
                     const val = sinceOptions[key]
                     return (
-                <option
-                      key={key}
-                      value={key}
-                  >
+                      <option key={key} value={key}>
                         {val.name}
                       </option>
                     )
@@ -192,13 +194,12 @@ export default function RankList() {
             </div>
           </div>
           <div className={styles.table}>
-          
             {list ? (
               list.map((listItem, i) => {
                 return (
                   <div
-                  className={`${styles.row} ${listItem.userId === selfUserId &&
-                    styles.selfRow}`}
+                    className={`${styles.row} ${listItem.userId ===
+                      selfUserId && styles.selfRow}`}
                     key={i}
                   >
                     <div>{i + 1}</div>

src/pages/ranklist.module.css

@@ -27,9 +27,9 @@
   background-color: #999999;
 }
 
-    .sinceHeaderRow:hover {
+.sinceHeaderRow:hover {
   border: 1.5px solid var(--text-color);
-    }
+}
 
 .row,
 .headerRow {
@@ -37,36 +37,36 @@
   padding: 1px;
 }
 
-    .row:hover {
+.row:hover {
   background-color: #191919;
   cursor: default;
   text-shadow: 1px 1px 6px gray;
   color: var(--text-color);
-    }
+}
 
-    .row div,
-    .headerRow div,
-    .sinceHeaderRow div {
+.row div,
+.headerRow div,
+.sinceHeaderRow div {
   flex: 1;
   padding: 0px 5px;
   text-align: center;
-    }
+}
 
-    .headerRow div,
-    .sinceHeaderRow div {
+.headerRow div,
+.sinceHeaderRow div {
   padding: 15px 5px;
-    }
+}
 
-    .row :nth-child(1),
-    .headerRow :nth-child(1) {
+.row :nth-child(1),
+.headerRow :nth-child(1) {
   flex: 0 30px;
-    }
+}
 
-    .row :nth-child(2),
-    .headerRow :nth-child(2) {
+.row :nth-child(2),
+.headerRow :nth-child(2) {
   flex: 0 100px;
   text-align: left;
-    }
+}
 
 .clickable:hover {
   background-color: var(--hoover-color);
@@ -81,9 +81,9 @@
   color: black;
 }
 
-    .selfRow:hover {
+.selfRow:hover {
   background-color: #9999ee;
-    }
+}
 
 .text {
   text-align: center;