update ui style (#2979)

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 {
 

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;

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;   

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; */