Ranklist time range align

src/pages/ranklist.js

@@ -145,9 +145,8 @@ export default function RankList() {
               </p>
             </div>
             <Sleep />
-            <center>
-              <label>
-                Megjelenítés:
+            <div className={styles.timeRangeSelect}>
+              <div>Megjelenítés:</div>
               <select
                 className={styles.sinceHeaderRow}
                 onChange={(e) => {
@@ -164,8 +163,7 @@ export default function RankList() {
                   )
                 })}
               </select>
-              </label>
-            </center>
+            </div>
             <div className={styles.headerRow}>
               <div>{'Rank'}</div>
               <div>{'Felhasználó ID'}</div>

src/pages/ranklist.module.css

@@ -106,3 +106,13 @@
 .sumrow {
   color: white;
 }
+
+.timeRangeSelect {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.timeRangeSelect > div {
+  padding: 0px 5px;
+}