polished policy styles

cms/static/sass/_graphics.scss

@@ -139,6 +139,14 @@
 	background: url(../img/plus-icon.png) no-repeat;
 }
 
+.plus-icon-small {
+	display: inline-block;
+	width: 6px;
+	height: 6px;
+	margin-right: 8px;
+	background: url(../img/plus-icon-small.png) no-repeat center;
+}
+
 .folder-icon {
 	display: inline-block;
 	width: 15px;

cms/static/sass/_subsection.scss

@@ -20,6 +20,30 @@
 			@include tree-view;
 		}
 	}
+
+	.policy-list {
+		.policy-list-name {
+			margin-right: 5px;
+		}
+
+		.policy-list-value {
+			margin-right: 10px;
+		}
+
+		li {
+			margin-bottom: 10px;
+		}
+	}
+
+	.new-policy-item {
+		margin: 10px 0;
+
+		.plus-icon-small {
+			position: relative;
+			top: -1px;
+			vertical-align: middle;
+		}
+	}
 }
 
 .subsection-name-input {

cms/templates/edit_subsection.html

@@ -38,11 +38,10 @@
 		  	<li class="policy-list-element">
 		  		<input type="text" class="policy-list-name" name="${policy_name}" value="${policy_name}" disabled size="15"/>:&nbsp;<input type="text" class="policy-list-value" name="${policy_metadata[policy_name]}" value="${policy_metadata[policy_name]}" size="40"/><a href="#" class="delete-icon remove-policy-data"></a>
 		  	</li>
-		  	% endfor 
-
-		    <a href="#" class="new-policy-item add-policy-data" >
-		      <span class="new-policy-icon"></span>New Policy Data
-		    </a>
+		  	% endfor
+        <a href="#" class="new-policy-item add-policy-data">
+          <span class="plus-icon-small"></span>New Policy Data
+        </a>
 		  </ol>
 		</div>					
       </article>