From f2fd9de2ad319dde28b769d88c0b2f20022b4c57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc=20Sch=C3=A4ffner-Gurney?= <mws8726@gmail.com>
Date: Mon, 27 Jun 2016 15:50:15 -0400
Subject: [PATCH] style tweaks for CRUD

---
 src/app/documents/index.less                              | 8 ++++----
 .../crud/lib/component/clone-document-button.jsx          | 2 +-
 .../crud/lib/component/delete-document-button.jsx         | 2 +-
 .../crud/lib/component/edit-document-button.jsx           | 2 +-
 src/internal-packages/crud/styles/crud.less               | 5 +++--
 5 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/app/documents/index.less b/src/app/documents/index.less
index c7aa5229df5..786c6311e4f 100644
--- a/src/app/documents/index.less
+++ b/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;
diff --git a/src/internal-packages/crud/lib/component/clone-document-button.jsx b/src/internal-packages/crud/lib/component/clone-document-button.jsx
index b5b5f381abe..5b92a6cc436 100644
--- a/src/internal-packages/crud/lib/component/clone-document-button.jsx
+++ b/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>
     );
diff --git a/src/internal-packages/crud/lib/component/delete-document-button.jsx b/src/internal-packages/crud/lib/component/delete-document-button.jsx
index f50693da916..90d6b5226f7 100644
--- a/src/internal-packages/crud/lib/component/delete-document-button.jsx
+++ b/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>
     );
diff --git a/src/internal-packages/crud/lib/component/edit-document-button.jsx b/src/internal-packages/crud/lib/component/edit-document-button.jsx
index a4253741def..26d480b0078 100644
--- a/src/internal-packages/crud/lib/component/edit-document-button.jsx
+++ b/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>
     );
diff --git a/src/internal-packages/crud/styles/crud.less b/src/internal-packages/crud/styles/crud.less
index 517157bacbb..f1261455a24 100644
--- a/src/internal-packages/crud/styles/crud.less
+++ b/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
   }
 }