manage campaign links replaced with big green buttons

frontend/templates/rh_tools.html

@@ -21,9 +21,16 @@ Any questions not covered here?  Please email us at <a href="mailto:rights@gluej
 	<dl>
 	{% for campaign in request.user.campaigns.all %}
 		<dt>Work: <a href="{% url work work_id=campaign.work.id %}">{{campaign.work.title }}</a></dt>
-		<dd>Campaign: <a href="{% url manage_campaign campaign.id %}">{{ campaign.name }}</a><br />
-		Status: {{ campaign.status }}	<br />
-		Created: {{ campaign.created }}</dd>
+		<div class="work_campaigns clearfix">
+		<div class="campaign_info">
+			<dd>Campaign: {{ campaign.name }}<br />
+			Campaign status: {{ campaign.status }}	<br />
+			Created: {{ campaign.created }}</dd>
+			</div>
+			<div>
+				<a href="{% url manage_campaign campaign.id %}" class="manage">Manage This Campaign</a>
+			</div>
+			</div>
 	{% endfor %}
 	</dl>
 {% endif %}
@@ -36,7 +43,7 @@ Any questions not covered here?  Please email us at <a href="mailto:rights@gluej
 			<br />On Behalf of: {{ claim.rights_holder.rights_holder_name }}
 			<br />PSA #: {{ claim.rights_holder.id }}
 			<br />Date of Claim : {{ claim.created }}
-			<br />Status: {{ claim.status }}
+			<br />Status of Claim: {{ claim.status }}
 			{% if claim.can_open_new  %}
 			<h3>Open a campaign for this work</h3>
 			<form method="POST" action="#">
@@ -53,9 +60,16 @@ Any questions not covered here?  Please email us at <a href="mailto:rights@gluej
 			{% else %}{%if claim.campaigns %}			
 			<h3>Campaigns for this work</h3>
 			{% for campaign in claim.campaigns %}
-			<p>Name: {{ campaign.name }} {{ campaign.status }}	(<a href="{% url manage_campaign campaign.id %}">manage campaign</a>)<br />
-			Created: {{ campaign.created }}<br />
-			Manager(s): {% for user in campaign.managers.all %} <a href="{% url supporter user.username %}">{{ user.username }} </a> {% endfor %}</p>
+			<div class="work_campaigns clearfix">
+			<div class="campaign_info">
+				Name: Your campaign, "{{ campaign.name }}", is {{ campaign.status }}<br />
+				Created: {{ campaign.created }}<br />
+				Manager(s): {% for user in campaign.managers.all %} <a href="{% url supporter user.username %}">{{ user.username }} </a> {% endfor %}
+			</div>
+			<div>
+				<a href="{% url manage_campaign campaign.id %}" class="manage">Manage This Campaign</a>
+			</div>
+			</div>
 			{% endfor %}
 			{% endif %}
 			{% endif %}

static/css/documentation.css

@@ -520,6 +520,35 @@ dd {
   padding: 5px;
   border: solid 5px #EDF3F4;
 }
+/* Miscellaneous */
 p.pledge_complete {
   margin: 7px auto;
 }
+a.manage {
+  background: #8dc63f;
+  color: white;
+  font-weight: bold;
+  padding: 0.5em 1em;
+  cursor: pointer;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  border: 1px solid #d6dde0;
+}
+a.manage:hover {
+  text-decoration: none;
+}
+.work_campaigns {
+  border: 1px solid #d6dde0;
+  margin: 10px auto;
+}
+.work_campaigns div {
+  float: left;
+}
+.work_campaigns div.campaign_info {
+  width: 60%;
+  margin: 5px;
+}

static/less/documentation.less

@@ -241,6 +241,35 @@ dd {
 	}
 }
 
+/* Miscellaneous */
 p.pledge_complete {
 	margin: 7px auto;
 }
+
+a.manage {
+	background: @call-to-action;
+	color: white;
+	font-weight: bold;
+	padding: 0.5em 1em;
+	cursor: pointer;
+	.one-border-radius(5px);
+	border: 1px solid @blue-grey;
+	
+	&:hover {
+		text-decoration: none;
+	}
+}
+
+.work_campaigns {
+	border: 1px solid @blue-grey;
+	margin: 10px auto;
+
+	div {
+		float: left;
+	
+		&.campaign_info {
+			width: 60%;
+		margin: 5px;
+		}
+	}
+}