Fix: manage page button horizontal

web/src/component/Manage.js

@@ -18,30 +18,30 @@ function Manage(props) {
         </button>
       )}
       {props.user.role !== 0 && (
-        <button
+        <div className="horizontal">
-          onClick={() => {
+          <button
-            navigate(`/manage/users/${props.user.id}`);
+            onClick={() => {
-          }}
+              navigate(`/manage/users/${props.user.id}`);
-        >
+            }}
-          Edit
+          >
-        </button>
+            Edit
-      )}
+          </button>
-      {props.user.role !== 0 && (
+          <button
-        <button
+            onClick={() => {
-          onClick={() => {
+              fetch("/api/v1/logout")
-            fetch("/api/v1/logout")
+                .then((res) => res.json())
-              .then((res) => res.json())
+                .then((data) => {
-              .then((data) => {
+                  if (data.error) {
-                if (data.error) {
+                    alert(data.error);
-                  alert(data.error);
+                  } else {
-                } else {
+                    props.setUser(data.user);
-                  props.setUser(data.user);
+                  }
-                }
+                });
-              });
+            }}
-          }}
+          >
-        >
+            Logout
-          Logout
+          </button>
-        </button>
+        </div>
       )}
       <hr />
       <div className="horizontal">