From bb1e802a1264444c6231d429b3236b2560f4aa65 Mon Sep 17 00:00:00 2001
From: Gael Le Mignot <gael@pilotsystems.net>
Date: Wed, 20 Nov 2019 10:58:09 +0100
Subject: [PATCH] CSS changes for better payment form

---
 teleforma/static/teleforma/css/teleforma.css  | 45 +++++++++++++++++++
 .../templates/payment/payment_summary.html    |  4 +-
 teleforma/templatetags/payment.py             |  1 +
 3 files changed, 48 insertions(+), 2 deletions(-)

diff --git a/teleforma/static/teleforma/css/teleforma.css b/teleforma/static/teleforma/css/teleforma.css
index 0fa4fbba..47f049c8 100644
--- a/teleforma/static/teleforma/css/teleforma.css
+++ b/teleforma/static/teleforma/css/teleforma.css
@@ -3259,3 +3259,48 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
 	
 }
 
+#payment_summary{
+	background-color: #FFF;
+	-moz-border-radius: 8px 0px 8px 8px;
+	-webkit-border-radius: 8px 0px 8px 8px;
+	border-radius: 8px 0px 8px 8px;
+	padding: 2em;
+	margin: 0.8em 0;
+	border: 1px solid #dfdfdf;
+}
+#payment_summary h2{
+	margin-top: 0;
+	margin-bottom: 30px;
+}
+#payment_summary table{
+	text-align: left;
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+#payment_summary table tr th,
+#payment_summary table tr td{
+	padding: 8px 40px 8px 0;
+	border-bottom: 1px solid #dfdfdf;
+	
+}
+#payment_summary table tr td:last-child{
+	font-weight: bold;
+	color: #4f628a;
+}
+
+#payment_summary table tr.topay td:last-child{
+	color: red;
+}
+#payment_summary table tr.paid td:last-child{
+	color: #92b220;
+}
+#payment_summary table tr.pending td:last-child{
+	color: #f3ad17;
+}
+#payment_summary table tr.pending{
+	font-weight: bold;
+}
+
+
+
+
diff --git a/teleforma/templates/payment/payment_summary.html b/teleforma/templates/payment/payment_summary.html
index c5caed12..9daa89b6 100644
--- a/teleforma/templates/payment/payment_summary.html
+++ b/teleforma/templates/payment/payment_summary.html
@@ -11,10 +11,10 @@
     </thead>
     <tbody>
       {% for payment in payments %}
-      <tr>
+      <tr class="{{ payment.sclass }}">
         <td>{{ payment.scheduled }}</td>
         <td>{{ payment.value }}</td>
-        <td class="{{ payment.sclass }}">{{ payment.status }}</td>
+        <td>{{ payment.status }}</td>
       </tr>
       {% endfor %}
     </tbody>
diff --git a/teleforma/templatetags/payment.py b/teleforma/templatetags/payment.py
index c95e2ae6..37a088c8 100644
--- a/teleforma/templatetags/payment.py
+++ b/teleforma/templatetags/payment.py
@@ -29,6 +29,7 @@ def payment_summary(context, payment):
             status = obj.get_type_display()
             sclass = "offline"
         payments.append({ 'scheduled': obj.scheduled or obj.date_created.date(),
+                          'sclass': sclass,
                           'value': obj.value,
                           'status': status })
     payments.sort(key = lambda p: p['scheduled'])
-- 
2.39.5