From 78a0155acf698fb8b5a464b3948038645d09acea Mon Sep 17 00:00:00 2001
From: hexxa <hexxa@outlook.com>
Date: Mon, 29 Nov 2021 16:31:05 +0800
Subject: [PATCH] fix(filesPanel): refine item info styles

---
 public/static/css/white.css                   |  2 +-
 src/client/web/src/components/panel_files.tsx | 10 +++-------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/public/static/css/white.css b/public/static/css/white.css
index b47e658..38a7763 100644
--- a/public/static/css/white.css
+++ b/public/static/css/white.css
@@ -150,7 +150,7 @@
 .theme-default #browser .item-info {
   padding: 1rem;
   font-size: 1.2rem;
-  border: dashed 1px #7f8c8d;
+  border-top: dashed 1px #7f8c8d;
 }
 
 .theme-default #browser .error {
diff --git a/src/client/web/src/components/panel_files.tsx b/src/client/web/src/components/panel_files.tsx
index 50b6014..c160b79 100644
--- a/src/client/web/src/components/panel_files.tsx
+++ b/src/client/web/src/components/panel_files.tsx
@@ -496,18 +496,14 @@ export class FilesPanel extends React.Component<Props, State, {}> {
             <Flexbox
               children={List([
                 <span>
-                  <b>{`SHA1: `}</b>
+                  <div className="label">{`SHA1: `}</div>
                   <input type="text" readOnly={true} value={`${item.sha1}`} />
                 </span>,
-                <button
-                  onClick={() => this.generateHash(itemPath)}
-                  className="black-bg white-font margin-l-m"
-                  style={{ display: "inline-block" }}
-                >
+                <button onClick={() => this.generateHash(itemPath)}>
                   {this.props.msg.pkg.get("refresh")}
                 </button>,
               ])}
-              className={`item-info`}
+              className="item-info"
               childrenStyles={List([{}, { justifyContent: "flex-end" }])}
             />
           </div>