From fe63660205ea1ba139e28ace690f2ad807b13a8a Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Wed, 16 Oct 2024 16:08:50 +0800
Subject: [PATCH] [new 'details' panel] UI fixup

---
 frontend/src/components/dirent-detail/detail-item/index.css | 5 -----
 frontend/src/components/dirent-detail/detail-item/index.js  | 2 +-
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/frontend/src/components/dirent-detail/detail-item/index.css b/frontend/src/components/dirent-detail/detail-item/index.css
index e16b7853a9..914817df05 100644
--- a/frontend/src/components/dirent-detail/detail-item/index.css
+++ b/frontend/src/components/dirent-detail/detail-item/index.css
@@ -26,11 +26,6 @@
   flex-shrink: 0;
 }
 
-.dirent-detail-item .dirent-detail-item-name-value {
-  line-height: 1.3;
-  margin-top: -1px;
-}
-
 .dirent-detail-item .dirent-detail-item-value {
   width: 200px;
   display: flex;
diff --git a/frontend/src/components/dirent-detail/detail-item/index.js b/frontend/src/components/dirent-detail/detail-item/index.js
index 985eca6c70..f01d3b8371 100644
--- a/frontend/src/components/dirent-detail/detail-item/index.js
+++ b/frontend/src/components/dirent-detail/detail-item/index.js
@@ -15,7 +15,7 @@ const DetailItem = ({ readonly, field, className, children }) => {
   return (
     <div className={classnames('dirent-detail-item', className)}>
       <div className="dirent-detail-item-name d-flex">
-        <Icon iconName={icon} />
+        <div><Icon iconName={icon} /></div>
         <span className="dirent-detail-item-name-value">{field.name}</span>
       </div>
       <div className={classnames('dirent-detail-item-value', { 'editable': !readonly })} >