From 41e52ecafaa1e6d43d2e93c5f4c44d624deed4a0 Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Thu, 6 Jun 2019 15:37:04 +0800
Subject: [PATCH] [repo trash] modified ui of 'clean' btn

---
 frontend/src/css/repo-folder-trash.css | 9 +++++++++
 frontend/src/repo-folder-trash.js      | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/css/repo-folder-trash.css b/frontend/src/css/repo-folder-trash.css
index 3c06c251d4..cb7d16fc95 100644
--- a/frontend/src/css/repo-folder-trash.css
+++ b/frontend/src/css/repo-folder-trash.css
@@ -31,3 +31,12 @@ body {
   color: #000;
   background: #dfdfdf;
 }
+.clean {
+  border-color: #ccc;
+  border-radius: 2px;
+  height: 30px;
+  line-height: 28px;
+  font-weight: normal;
+  padding: 0 0.5rem;
+  min-width: 55px;
+}
diff --git a/frontend/src/repo-folder-trash.js b/frontend/src/repo-folder-trash.js
index 6d85d33409..7bbcdcfdf2 100644
--- a/frontend/src/repo-folder-trash.js
+++ b/frontend/src/repo-folder-trash.js
@@ -215,7 +215,7 @@ class RepoFolderTrash extends React.Component {
                 <div className="d-flex justify-content-between align-items-center op-bar">
                   <p className="m-0">{gettext('Current path: ')}{showFolder ? this.renderFolderPath() : repoFolderName}</p>
                   {(path == '/' && enableClean && !showFolder) &&
-                  <button className="btn btn-secondary" onClick={this.cleanTrash}>{gettext('Clean')}</button>
+                  <button className="btn btn-secondary clean" onClick={this.cleanTrash}>{gettext('Clean')}</button>
                   }
                 </div>
                 <Content