From 334c87e11a0f172868da3b81413d61e00edaf4fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E9=A1=BA=E5=BC=BA?= <ysq9207@126.com>
Date: Thu, 21 Feb 2019 22:38:35 +0800
Subject: [PATCH] update ui style (#2979)

---
 frontend/src/components/tree-view/tree-view.js | 2 +-
 frontend/src/css/layout.css                    | 2 +-
 frontend/src/css/lib-content-view.css          | 8 ++++----
 frontend/src/css/repo-info-bar.css             | 1 +
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/tree-view/tree-view.js b/frontend/src/components/tree-view/tree-view.js
index f2243e1a2e..23c3e4e79a 100644
--- a/frontend/src/components/tree-view/tree-view.js
+++ b/frontend/src/components/tree-view/tree-view.js
@@ -13,7 +13,7 @@ const propTypes = {
   onNodeCollapse: PropTypes.func.isRequired,
 };
 
-const PADDING_LEFT = 12;
+const PADDING_LEFT = 10;
 
 class TreeView extends React.Component {
 
diff --git a/frontend/src/css/layout.css b/frontend/src/css/layout.css
index 583fbaf5c7..0790e949fa 100644
--- a/frontend/src/css/layout.css
+++ b/frontend/src/css/layout.css
@@ -106,7 +106,7 @@
 }
 
 .cur-view-content {
-  padding: 0.625rem 1rem 1.25rem;
+  padding: 0rem 1rem;
   flex: 1;
   min-height: 0;
   overflow: auto;
diff --git a/frontend/src/css/lib-content-view.css b/frontend/src/css/lib-content-view.css
index 2050bb6b83..8e4e5463bf 100644
--- a/frontend/src/css/lib-content-view.css
+++ b/frontend/src/css/lib-content-view.css
@@ -3,6 +3,7 @@
   display: flex;
   flex-direction: row !important;
   overflow: hidden !important;
+  padding-left: 0 !important;
   min-height: 0;
 }
 
@@ -13,7 +14,6 @@
   overflow: hidden;
   background-color: #fff;
   border-right: 1px solid #eee;
-  margin-left: -0.75rem;
 }
 
 .dir-content-nav:hover {
@@ -24,14 +24,14 @@
   flex: 1 0 75% !important;
   display: flex;
   flex-direction: column;
-  margin-right: -1.75rem;
+  margin-right: -1rem;
   padding:0 0.75rem;
   overflow: auto;
 }
 
 /*tree view */
 .tree-view {
-  padding: 0 12px 0 0;
+  padding: 12px 12px 0 0;
   line-height: 1.5;
 }
 
@@ -86,7 +86,7 @@
 .tree-node-inner .right-icon {
   position: absolute;
   top: 0;
-  right: 0.5rem;
+  right: 0;
   bottom: 0;
   width: 1.5rem;
   color: #888;   
diff --git a/frontend/src/css/repo-info-bar.css b/frontend/src/css/repo-info-bar.css
index c2a3f634ce..24bbfd2076 100644
--- a/frontend/src/css/repo-info-bar.css
+++ b/frontend/src/css/repo-info-bar.css
@@ -1,5 +1,6 @@
 .repo-info-bar {
   padding: 10px;
+  margin-top: 10px;
   border: 1px solid #e6e6dd;
   border-radius: 5px;
   /* background: #f8f8f8; */