ENHANCEMENT Improved styling of side reports

ENHANCEMENT Added .message styles to cms/css/layout.css

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/cms/branches/2.3@69449 467b73ca-7a2a-4603-9d3b-597d59a354a9

code/SideReport.php

@@ -52,7 +52,12 @@ abstract class SideReport extends Object {
 			}
 			$result .= "</ul>\n";	
 		} else {
-			$result = sprintf(_t('SideReport.REPEMPTY','The %s report is empty.',PR_MEDIUM,'%s is a report title'),$this->title());
+			$result = "<p class=\"message notice\">" . 
+				sprintf(
+					_t('SideReport.REPEMPTY','The %s report is empty.',PR_MEDIUM,'%s is a report title'),
+					$this->title()
+				) 
+				. "</p>";
 		}
 		return $result;
 	}

css/cms_left.css

@@ -15,6 +15,7 @@
 #ReportSelector_holder select {
 	float: left;
 	margin-right: 3px;
+	padding: 1px;
 }
 #left form.actionparms input.action {
 	width: 5%;
@@ -201,7 +202,6 @@ ul.tree span.a span.modified,
 }
 .listpane ul li {
 	list-style-type: none;
-	padding: 5px 2px 5px 2px;
 	font-size: 10px;
 	border-bottom: 1px #CCC dotted;
 	background-color: #FFF;
@@ -219,6 +219,19 @@ ul.tree span.a span.modified,
 	width: 100%;
 }
 
+.listpane li a {
+	display: block;
+	padding: 5px;
+}
+
+.listpane input.action {
+	padding: 0;
+}
+
+.listpane p.message {
+	padding: 5px;
+}
+
 
 #treepanes .pane_actions {
 	margin: 7px 4px;

css/layout.css

@@ -538,3 +538,28 @@ iframe {
 	text-indent: -9000px;
 
 }
+
+/**
+ * Messages (see sapphire/css/Form.css)
+ */
+.message {
+	margin: 1em 0;
+	padding: 0.5em;
+	font-weight: bold;
+	border: 1px black solid;
+	background-color: #B9FFB9;
+	border-color: #00FF00;
+}
+	.message.notice {
+		background-color: #FCFFDF;
+		border-color: #FF9300;
+	}
+	
+	.message.warning {
+		background-color: #FFD2A6;
+		border-color: #FF9300;
+	}
+	.message.bad {
+		background-color: #FF8080;
+		border-color: #FF0000;
+	}