Merge pull request #131 from 10gen/INT-417-style-tweaks

INT-417 Erroneous scroll bar fix and other style tweaks

Author: kangas

src/document-list/index.less

@@ -82,7 +82,7 @@ ol.document-list {
           cursor: pointer;
           display: block;
 
-          @caret-width-base: 6px;
+          @caret-width-base: 4px;
           .caret {
             display: inline-block;
             width: 12px;
@@ -103,14 +103,18 @@ ol.document-list {
         }
 
         ol.document-property-body {
-          margin-left: 5px;
-          border-left: 1px dotted @gray5;
+          // margin-left: 21px;
+          padding-left: 36px;
+          // border-left: 1px dotted @gray6;
           display: none;
         }
         &.expanded {
           > .document-property-header {
             > .caret {
               .caret-down;
+              vertical-align: bottom;
+              margin-left: 4px;
+              margin-right: 8px;
             }
           }
           > ol.document-property-body {

src/field-list/index.less

@@ -14,23 +14,29 @@
 
     .schema-field-list {
       // second level
-      .schema-field-name,
+      .schema-field-name {
+        margin-left: 36px;
+      }
       .schema-field-type-list,
       hr.field-divider {
         margin-left: 48px;
       }
 
       .schema-field-list {
         // third level
-        .schema-field-name,
+        .schema-field-name {
+          margin-left: 84px;
+        }
         .schema-field-type-list,
         hr.field-divider {
           margin-left: 96px;
         }
 
         .schema-field-list {
           // fourth level
-          .schema-field-name,
+          .schema-field-name {
+            margin-left: 132px;
+          }
           .schema-field-type-list,
           hr.field-divider {
             margin-left: 144px;
@@ -46,6 +52,8 @@
       text-overflow: ellipsis;
       white-space: nowrap;
       display: inline-block;
+      padding-left: 12px;
+      margin-left: -12px;
     }
 
     &.schema-field-basic {
@@ -61,7 +69,9 @@
     &.expanded {
       .caret {
         .caret-down;
-        margin-right: 6px;
+        margin-right: 4px;
+        margin-left: -12px;
+        cursor: pointer;
       }
       > .schema-field-list {
         display: block;
@@ -70,7 +80,9 @@
     &.collapsed {
       .caret {
         .caret-right;
-        margin-right: 10px;
+        margin-right: 8px;
+        margin-left: -12px;
+        cursor: pointer;
       }
 
       > .schema-field-list {

src/home/index.less

@@ -68,7 +68,7 @@
 
 .collection-view {
   header {
-    padding: 12px 20px;
+    padding: 12px 25px;
     position: relative;
     z-index: 1;
   }
@@ -93,8 +93,9 @@
   }
 
   .main {
-    padding: 0 0 0 20px;
+    padding: 0 0 0 26px;
     flex: 1;
+    overflow-x: hidden;
   }
 
   .side {
@@ -132,9 +133,10 @@
   .column-container.sidebar-open {
     .side {
       width: 33%;
+      right: 0;
     }
     .splitter {
-      right: -15px;
+      right: -2px;
     }
     .splitter-button-open {
       display: none;

src/refine-view/index.less

@@ -1,6 +1,6 @@
 .refine-view-container {
   background: @gray8;
-  padding: 12px 20px;
+  padding: 12px 25px;
   position: relative;
   z-index: 1;