From 9efb352f15e0f2ccd0d3037587f4468410d029d0 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Tue, 6 Jul 2021 01:11:52 +0800
Subject: fix: Fix #650.

---
 FrontEnd/src/views/admin/UserAdmin.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'FrontEnd/src/views/admin/UserAdmin.tsx')

diff --git a/FrontEnd/src/views/admin/UserAdmin.tsx b/FrontEnd/src/views/admin/UserAdmin.tsx
index 4ceff8ab..f713b8b7 100644
--- a/FrontEnd/src/views/admin/UserAdmin.tsx
+++ b/FrontEnd/src/views/admin/UserAdmin.tsx
@@ -206,19 +206,19 @@ const UserItem: React.FC<UserItemProps> = ({ user, on }) => {
   return (
     <div className="admin-user-item">
       <i
-        className="bi-pencil-square float-end icon-button cru-color-warning"
+        className="bi-pencil-square cru-float-right icon-button cru-color-primary-enhance"
         onClick={() => setEditMaskVisible(true)}
       />
-      <h4 className="cru-color-primary">{user.username}</h4>
-      <div className="cru-color-secondary">
+      <h5 className="cru-color-primary">{user.username}</h5>
+      <small className="d-block cru-color-secondary">
         {t("admin:user.nickname")}
         {user.nickname}
-      </div>
-      <div className="cru-color-secondary">
+      </small>
+      <small className="d-block cru-color-secondary">
         {t("admin:user.uniqueId")}
         {user.uniqueId}
-      </div>
-      <div className="cru-color-secondary">
+      </small>
+      <small className="d-block cru-color-secondary">
         {t("admin:user.permissions")}
         {user.permissions.map((permission) => {
           return (
@@ -227,7 +227,7 @@ const UserItem: React.FC<UserItemProps> = ({ user, on }) => {
             </span>
           );
         })}
-      </div>
+      </small>
       <div
         className={classnames("edit-mask", !editMaskVisible && "d-none")}
         onClick={() => setEditMaskVisible(false)}
-- 
cgit v1.2.3

