From 27ae211e39cdb57d5bab30fc97ab75060ca46afe 2018-06-30 03:32:18
From: William Hughes <will@willhughes.name>
Date: 2018-06-30 03:32:18
Subject: [PATCH] Fix co-presenter invites styling

---

diff --git a/pinaxcon/templates/symposion/proposals/_pending_proposal_row.html b/pinaxcon/templates/symposion/proposals/_pending_proposal_row.html
index 411c02c48d291d9627dde977b8d8719193877697..9c8dd36798049ed02bee3f8c5c3aa047947275f5 100644
--- a/pinaxcon/templates/symposion/proposals/_pending_proposal_row.html
+++ b/pinaxcon/templates/symposion/proposals/_pending_proposal_row.html
@@ -1,37 +1,45 @@
 {% load i18n %}
 
-<div class="col-xs-12 col-sm-6 col-lg-6">
-  <div class="panel panel-warning"> <!-- Todo Make the colour relate to status of acceptance -->
-    <div class="panel-heading">
-      <h5>{{ proposal.title }}</h5>
-    </div>
-    <div class="panel-body">
-      <ul>
-        <li><strong>Type:</strong> {{ proposal.kind.name }}</li>
-        <li>
-          <strong>Status:</strong>
-          {% if proposal.cancelled %}
-            <span class="label label-danger">Cancelled</span>
-          {% else %}
-            {% if request.user == proposal.speaker.user %}
-              {% if proposal.result.status == "accepted" %}
-                <span class="label label-success">Accepted</span>
-              {% else %}
-                <span class="label label-default">Submitted</span>
-              {% endif %}
-            {% else %}
-              <span class="label label-default">Invited</span>
-            {% endif %}
-          {% endif %}
-        </li>
-      </ul>
-      <div>
-        <a class="btn btn-lg btn-primary" role="button" href="{% url "proposal_detail" proposal.pk %}">View Details</a>
-        {% if not proposal.cancelled %}
-          <a class="btn btn-lg btn-success" role="button" href="{% url "proposal_pending_join" proposal.id %}">Accept Copresenter Invitation</a>
-          <a class="btn btn-lg btn-danger" role="button" href="{% url "proposal_pending_decline" proposal.id %}">Decline Copresenter Invitation</a>
-        {% endif %}
-      </div>
-    </div>
+{% if proposal.result.status == "accepted" %}
+  <div class="card card-success border-primary mx-4 my-4">
+{% elif proposal.result.status == "rejected" %}
+  <div class="card card-danger border-primary mx-4 my-4">
+{% elif proposal.result.status == "standby" %}
+  <div class="card card-warning border-primary mx-4 my-4">
+{% else %}
+  <div class="card card-primary border-primary mx-4 my-4">
+{% endif %}
+  <div class="card-body">
+      <h4 class="card-title text-primary">{{ proposal.title }}</h4>
+	  <div class="card-text">
+	      <p>
+		  <ul>
+		      <li><strong>Type:</strong> {{ proposal.kind.name }}</li>
+		      <li>
+			  <strong>Status:</strong>
+			  {% if proposal.cancelled %}
+			      <span class="label label-danger">Cancelled</span>
+			  {% else %}
+			      {% if request.user == proposal.speaker.user %}
+				  {% if proposal.result.status == "accepted" %}
+				      <span class="label label-success">Accepted</span>
+				  {% else %}
+				      <span class="label label-default">Submitted</span>
+				  {% endif %}
+			      {% else %}
+				  <span class="label label-default">Invited</span>
+			      {% endif %}
+			  {% endif %}
+		      </li>
+		  </ul>
+	      </p>
+	  </div>
+  </div>
+  <div class="card-footer bg-primary">
+      <a class="btn btn-lg btn-primary" role="button" href="{% url "proposal_detail" proposal.pk %}">View Details</a>
+      {% if not proposal.cancelled %}
+	  <a class="btn btn-lg btn-success" role="button" href="{% url "proposal_pending_join" proposal.id %}">Accept Copresenter Invitation</a>
+	  <a class="btn btn-lg btn-danger" role="button" href="{% url "proposal_pending_decline" proposal.id %}">Decline Copresenter Invitation</a>
+      {% endif %}
+  </div>
   </div>
-</div>