Merge pull request #429 from 10gen/last-minute-CRUD-styling

Style tweaks for CRUD

Author: durran

src/app/documents/index.less

@@ -19,7 +19,6 @@ ol.document-list {
   padding-top: 10px;
   padding-bottom: 10px;
   position: relative;
-  background: @pw;
 
   li[data-hook="loading"] {
     width: 100%;
@@ -34,9 +33,10 @@ ol.document-list {
     position: relative;
     font-family: @font-family-monospace;
     font-size: 11px;
-    padding-bottom: 10px;
-    margin-bottom: 10px;
-    border-bottom: 3px solid @gray8;
+    padding: 20px 0;
+    margin-bottom: 5px;
+    background: @pw;
+
     &:last-child {
       padding-bottom: 0;
       margin-bottom: 0;

src/internal-packages/crud/lib/component/clone-document-button.jsx

@@ -23,7 +23,7 @@ class CloneDocumentButton extends React.Component {
    */
   render() {
     return (
-      <button type='button' onClick={this.props.handler} title='Clone Document'>
+      <button type='button' className="btn btn-default btn-xs" onClick={this.props.handler} title='Clone Document'>
         <i className="fa fa-clone" aria-hidden="true"></i>
       </button>
     );

src/internal-packages/crud/lib/component/delete-document-button.jsx

@@ -23,7 +23,7 @@ class DeleteDocumentButton extends React.Component {
    */
   render() {
     return (
-      <button type='button' onClick={this.props.handler} title='Delete Document'>
+      <button type='button' className="btn btn-default btn-xs" onClick={this.props.handler} title='Delete Document'>
         <i className="fa fa-trash-o" aria-hidden="true"></i>
       </button>
     );

src/internal-packages/crud/lib/component/edit-document-button.jsx

@@ -23,7 +23,7 @@ class EditDocumentButton extends React.Component {
    */
   render() {
     return (
-      <button type='button' onClick={this.props.handler} title='Edit Document'>
+      <button type='button' className="btn btn-default btn-xs" onClick={this.props.handler} title='Edit Document'>
         <i className="fa fa-pencil" aria-hidden="true"></i>
       </button>
     );

src/internal-packages/crud/styles/crud.less

@@ -17,7 +17,7 @@ li.document-list-item.deleting {
   font-family: "Akzidenz", "Helvetica Neue", Helvetica, Arial, sans-serif;
   height: 28px;
   vertical-align: middle;
-  top: 13px;
+  top: 20px;
   position: relative;
 
   .edit-message {
@@ -310,11 +310,12 @@ ol.document-property-body:hover {
 
 .document-actions {
   position: absolute;
-  top: 0;
+  top: 10px;
   right: 10px;
 
   button {
     visibility: hidden;
+    margin-left: 3px
   }
 }