From 8da5087de86b696cf97750fd2b926d256f9cebba Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Thu, 11 Oct 2012 14:50:43 -0400
Subject: [PATCH] polished policy styles

---
 cms/static/img/plus-icon-small.png | Bin 0 -> 947 bytes
 cms/static/sass/_graphics.scss     |   8 ++++++++
 cms/static/sass/_subsection.scss   |  24 ++++++++++++++++++++++++
 cms/templates/edit_subsection.html |   9 ++++-----
 4 files changed, 36 insertions(+), 5 deletions(-)
 create mode 100644 cms/static/img/plus-icon-small.png

diff --git a/cms/static/img/plus-icon-small.png b/cms/static/img/plus-icon-small.png
new file mode 100644
index 0000000000000000000000000000000000000000..1abb12b6da58b83cf9308337a94ed68150012190
GIT binary patch
literal 947
zcmaJ=J#W)M7&byws8R>S1QOE81qo2&uf|So#Z;*s6H7P>sU<RUu`h|0+Gp$waUurP
zjg^sKz=XuY!hjf&x-hUXRZMK<AHZE2rwjzk_T9aDp6C6%SDp65t<9U89LH_BExSwC
z4fb7S|I?GR7F}+TW{(`=0hz)Kag7l75pZKTL|p{K*|RUG&T*G-M}Cj=yhlcWV*xUZ
zP{b)^b6kDDNMSHW1oY7`N=*Lj<0l?Op~*i{J;_TgG>TgD3?0tfelQ;gddTlT0QJJ4
z0x=>G6!B4#8->X)bPc*^W|0RA2pOCFc~CvC11y{&pbEQ{K$2ykX@Xo;HBH_DiX<zd
zL|?5UR}ED&lp0t*JoT1^1EXs@OJDS4@*_f0LlmdesW9CYa5fZWUDuh0qEslNlFt$X
zi%ODjmkKt@gDgr(gcHCNVINP3$<s*BQ;5@*Y?3d_L<=SsFcoD%VkwnC&-*_#j#ucM
zbkRk;{}j&sS&GCi%JC!%XyXRk%vEYw8G;07KE_976+0tLa6ZB*unskF*MmWnFvGnC
z!}AO`$q7sX<k}`rHH0V%4OMk&O~=ushNj4JQ)$>v^I*@?b!AVrs*P&NwQ(?sQ9?>?
zc)_i$<+5RjQ|j49S@ax*PKIN!NZN?j$5LIZx8#QFV^P;~MH-CATKiY4OB0<Rwp|S_
zJ*-9_C3N01I@pQ-)ufl=j%zpk;(Pz(?N9Xb_;=^cHCvKTxt-Si$K=Pi&#l+DxJw&c
W?fsP(-t`Z^*fnySZTsE9)8jwRw<TBr

literal 0
HcmV?d00001

diff --git a/cms/static/sass/_graphics.scss b/cms/static/sass/_graphics.scss
index 1f07f4433c..994372504e 100644
--- a/cms/static/sass/_graphics.scss
+++ b/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;
diff --git a/cms/static/sass/_subsection.scss b/cms/static/sass/_subsection.scss
index b45d7d4af6..9b2ee5169f 100644
--- a/cms/static/sass/_subsection.scss
+++ b/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 {
diff --git a/cms/templates/edit_subsection.html b/cms/templates/edit_subsection.html
index e6eeed0963..ec5adc770a 100644
--- a/cms/templates/edit_subsection.html
+++ b/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>