Ranklist time range align

src/pages/ranklist.js

@@ -145,27 +145,25 @@ export default function RankList() {
               </p>
             </div>
             <Sleep />
-            <center>
-              <label>
-                Megjelenítés:
-                <select
-                  className={styles.sinceHeaderRow}
-                  onChange={(e) => {
-                    console.log(e.target.value)
-                    updateSince(e.target.value)
-                  }}
-                >
-                  {Object.keys(sinceOptions).map((key) => {
-                    const val = sinceOptions[key]
-                    return (
-                      <option key={key} value={key}>
-                        {val.name}
-                      </option>
-                    )
-                  })}
-                </select>
-              </label>
-            </center>
+            <div className={styles.timeRangeSelect}>
+              <div>Megjelenítés:</div>
+              <select
+                className={styles.sinceHeaderRow}
+                onChange={(e) => {
+                  console.log(e.target.value)
+                  updateSince(e.target.value)
+                }}
+              >
+                {Object.keys(sinceOptions).map((key) => {
+                  const val = sinceOptions[key]
+                  return (
+                    <option key={key} value={key}>
+                      {val.name}
+                    </option>
+                  )
+                })}
+              </select>
+            </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;
+}