style tweaks for delete document confirmation and insert document modal buttons

Author: marcgurney

src/internal-packages/crud/lib/component/cancel-insert-button.jsx

@@ -24,7 +24,7 @@ class CancelInsertButton extends React.Component {
   render() {
     return (
       <button
-        className='btn btn-default btn-xs cancel'
+        className='btn btn-default'
         type='button'
         onClick={this.props.handler}>
         Cancel

src/internal-packages/crud/lib/component/insert-button.jsx

@@ -24,7 +24,7 @@ class InsertButton extends React.Component {
   render() {
     return (
       <button
-        className='btn btn-default btn-xs insert'
+        className='btn btn-primary'
         type='button'
         onClick={this.props.handler}>
         Insert

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

@@ -1,11 +1,11 @@
 li.document-list-item.editing {
-  box-shadow: 2px 5px 8px gainsboro;
+  box-shadow: 2px 5px 8px rgba(0,0,0,0.2);
 }
 
 li.document-list-item.deleting {
-  box-shadow: 2px 5px 8px salmon;
-  border: 1px solid salmon;
-  padding-top: 5px;
+  box-shadow: 2px 5px 8px rgba(0,0,0,0.2);
+  border: 1px solid @alertRed;
+  // padding-top: 5px;
 }
 
 .column.main {
@@ -72,13 +72,23 @@ li.document-list-item.deleting {
     background-color: @green2;
   }
   &.error {
-    background-color: red;
+    background-color: @alertRed;
 
     .document-footer-actions {
 
       .cancel {
         color: @alertRedBg;
       }
+      .error {
+        color: @pw;
+        background: rgba(255,255,255,0.2);
+        border: 1px solid rgba(255,255,255,0.4);
+
+        &:hover {
+          background: rgba(255,255,255,0.4);
+          border: 1px solid rgba(255,255,255,0.6);
+        }
+      }
     }
   }
   &.viewing {
@@ -398,11 +408,3 @@ input.editable-value {
     }
   }
 }
-
-.modal-footer {
-  .btn.insert {
-    border-color: green;
-    background-color: @green2;
-    color: #FFFFFF;
-  }
-}