Fix: manage page button horizontal

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">