leader card

postit/static/css/contents.css

@@ -24,6 +24,7 @@
 .the-leader dl {
 	position: absolute;
 	bottom: 4mm;
+	left: 0;
 	width: 100%;
 	overflow: hidden;
 	padding: 0;
@@ -50,6 +51,10 @@
 
 }
 
+.the-leader dl span {
+	padding: 0 4mm;
+}
+
 .the-leader .row-bg > span {
 	position: relative;
 	z-index: 10;

postit/templates/postit-single.html

@@ -30,14 +30,14 @@
 				<dt class="row-bg"><span>Motivation</span></dt>
 				<dd class="row-bg"><span>{{content['motivation']}}</span></dd>
 
-				<dt>Empathy</dt>
+				<dt><span>Empathy</span></dt>
-				<dd>{{content['empathy']}}</dd>
+				<dd><span>{{content['empathy']}}</span></dd>
 
 				<dt class="row-bg"><span>Vision</span></dt>
 				<dd class="row-bg"><span>{{content['vision']}}</span></dd>
 
-				<dt>Positivity</dt>
+				<dt><span>Positivity</span></dt>
-				<dd>{{content['positivity']}}</dd>
+				<dd><span>{{content['positivity']}}</span></dd>
 			</dl>
 
 			{%elif content['definition']%}