From 75ca103b1f5d7ce465758f7c60be9c0d1ba686cb Mon Sep 17 00:00:00 2001
From: mrfry <mr.fry@tutanota.com>
Date: Tue, 16 Mar 2021 17:57:06 +0100
Subject: [PATCH] Ranklist time range align

---
 src/pages/ranklist.js         | 40 +++++++++++++++++------------------
 src/pages/ranklist.module.css | 10 +++++++++
 2 files changed, 29 insertions(+), 21 deletions(-)

diff --git a/src/pages/ranklist.js b/src/pages/ranklist.js
index feaeef1..f7218ad 100644
--- a/src/pages/ranklist.js
+++ b/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>
diff --git a/src/pages/ranklist.module.css b/src/pages/ranklist.module.css
index 8b07ecd..4a1bd23 100644
--- a/src/pages/ranklist.module.css
+++ b/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;
+}