From b0e57099ba36b376e08b7ab9649e7d0e02760c57 Mon Sep 17 00:00:00 2001
From: heimoshuiyu <heimoshuiyu@gmail.com>
Date: Thu, 16 Dec 2021 11:43:23 +0800
Subject: [PATCH] Fix: manage page button horizontal

---
 web/src/component/Manage.js | 48 ++++++++++++++++++-------------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/web/src/component/Manage.js b/web/src/component/Manage.js
index 98cb157..63e4ba5 100644
--- a/web/src/component/Manage.js
+++ b/web/src/component/Manage.js
@@ -18,30 +18,30 @@ function Manage(props) {
         </button>
       )}
       {props.user.role !== 0 && (
-        <button
-          onClick={() => {
-            navigate(`/manage/users/${props.user.id}`);
-          }}
-        >
-          Edit
-        </button>
-      )}
-      {props.user.role !== 0 && (
-        <button
-          onClick={() => {
-            fetch("/api/v1/logout")
-              .then((res) => res.json())
-              .then((data) => {
-                if (data.error) {
-                  alert(data.error);
-                } else {
-                  props.setUser(data.user);
-                }
-              });
-          }}
-        >
-          Logout
-        </button>
+        <div className="horizontal">
+          <button
+            onClick={() => {
+              navigate(`/manage/users/${props.user.id}`);
+            }}
+          >
+            Edit
+          </button>
+          <button
+            onClick={() => {
+              fetch("/api/v1/logout")
+                .then((res) => res.json())
+                .then((data) => {
+                  if (data.error) {
+                    alert(data.error);
+                  } else {
+                    props.setUser(data.user);
+                  }
+                });
+            }}
+          >
+            Logout
+          </button>
+        </div>
       )}
       <hr />
       <div className="horizontal">