From 6a1047b29208c84c7fc3296b1d96923a4d006b81 Mon Sep 17 00:00:00 2001
From: scott1702 <scott@silverstripe.com>
Date: Fri, 13 Nov 2015 16:21:14 +1300
Subject: [PATCH] Make 'Mark as reviewed' button look like an action

---
 code/extensions/SiteTreeContentReview.php |  1 +
 css/contentreview.css                     | 29 ++++++++++++++++++++++-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/code/extensions/SiteTreeContentReview.php b/code/extensions/SiteTreeContentReview.php
index 604db7e..81d358e 100644
--- a/code/extensions/SiteTreeContentReview.php
+++ b/code/extensions/SiteTreeContentReview.php
@@ -129,6 +129,7 @@ class SiteTreeContentReview extends DataExtension implements PermissionProvider
             $ReviewNotes = LiteralField::create("ReviewNotes", "<textarea class=\"no-change-track\" id=\"Form_EditForm_ReviewNotes\" name=\"ReviewNotes\" placeholder=\"" . _t("ContentReview.COMMENTS", "(optional) Add comments...") . "\" class=\"text\"></textarea>");
                                 
             $quickReviewAction = FormAction::create("savereview", _t("ContentReview.MARKREVIEWED", "Mark as reviewed"))
+                ->setAttribute("data-icon", "pencil")
                 ->setAttribute("data-text-alternate", _t("ContentReview.MARKREVIEWED", "Mark as reviewed"));
             
             $allFields = CompositeField::create($reviewTitle, $ReviewNotes, $quickReviewAction)
diff --git a/css/contentreview.css b/css/contentreview.css
index b1be29d..4d44bba 100644
--- a/css/contentreview.css
+++ b/css/contentreview.css
@@ -33,4 +33,31 @@
 
 .cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel.contentreview-tab {
     max-width: 300px;
-}
\ No newline at end of file
+}
+
+.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel .review-notes button {
+    margin: 4px 10px 8px;
+    font-weight: bold;
+    color: #393939;
+    border: 1px solid #c0c0c2;
+    border-bottom: 1px solid #a6a6a9;
+    cursor: pointer;
+    background-color: #e6e6e6;
+    background: linear-gradient(#ffffff, #d9d9d9);
+    text-shadow: white 0 1px 1px;
+    width: auto;
+    border-radius: 4px;
+    padding: 0;
+    white-space: nowrap;
+}
+
+.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel .review-notes button:hover,
+.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel .review-notes button:focus {
+    text-decoration: none;
+    background: linear-gradient(#ffffff, #e6e6e6);
+    box-shadow: 0 0 5px #b3b3b3;
+}
+
+.cms .ss-ui-action-tabset.action-menus.ss-tabset .ui-tabs-panel .review-notes button .ui-button-text {
+    padding: .4em 1em .4em 2.1em;
+}