From fc735c88d343917f19368a156f72e8d95d526a37 Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Wed, 15 Dec 2021 16:23:40 +0800
Subject: [PATCH] Fix: center Login and Manage page

---
 web/src/component/Login.js  |  2 +-
 web/src/component/Manage.js | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/src/component/Login.js b/web/src/component/Login.js
index 7a4e939..38534d3 100644
--- a/web/src/component/Login.js
+++ b/web/src/component/Login.js
@@ -6,7 +6,7 @@ function Login(props) {
   let [username, setUsername] = useState("");
   let [password, setPassword] = useState("");
   return (
-    <div>
+    <div className="page">
       <h2>Login</h2>
       <label htmlFor="username">Username</label>
       <input
diff --git a/web/src/component/Manage.js b/web/src/component/Manage.js
index 320c366..98cb157 100644
--- a/web/src/component/Manage.js
+++ b/web/src/component/Manage.js
@@ -5,7 +5,7 @@ function Manage(props) {
   let navigate = useNavigate();
 
   return (
-    <div>
+    <div className="page">
       <h2>Manage</h2>
       <p>Hi, {props.user.username}</p>
       {props.user.role === 0 && (
@@ -44,9 +44,11 @@ function Manage(props) {
         </button>
       )}
       <hr />
-      <button onClick={() => navigate("/manage/tags")}>Tags</button>
-      <button onClick={() => navigate("/manage/users")}>Users</button>
-      <button onClick={() => navigate("/manage/feedbacks")}>Feedbacks</button>
+      <div className="horizontal">
+        <button onClick={() => navigate("/manage/tags")}>Tags</button>
+        <button onClick={() => navigate("/manage/users")}>Users</button>
+        <button onClick={() => navigate("/manage/feedbacks")}>Feedbacks</button>
+      </div>
       <Database />
     </div>
   );