From 8769c4cd1f6106ab7526be17e3c256bd28529374 Mon Sep 17 00:00:00 2001
From: Siarhei Puhach <siarhei.puhach@itechart-group.com>
Date: Fri, 4 Aug 2017 12:38:24 +0300
Subject: [PATCH] Changed payment error message style

---
 hosting/static/hosting/css/landing-page.css | 6 +++++-
 hosting/templates/hosting/payment.html      | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/hosting/static/hosting/css/landing-page.css b/hosting/static/hosting/css/landing-page.css
index a7d69094..49471bc8 100644
--- a/hosting/static/hosting/css/landing-page.css
+++ b/hosting/static/hosting/css/landing-page.css
@@ -537,6 +537,10 @@ a.unlink:hover {
     border-radius: 3px;
     padding: 5px;
 }
+.card-warning-error {
+    border: 1px solid #EB4D5C;
+    color: #EB4D5C;
+}
 
 .stripe-payment-btn {
     outline: none;
@@ -718,4 +722,4 @@ a.unlink:hover {
 
 .footer-light a:hover, .footer-light a:focus, .footer-light a:active {
     color: #ddd;
-}
\ No newline at end of file
+}
diff --git a/hosting/templates/hosting/payment.html b/hosting/templates/hosting/payment.html
index acb5d389..ac9ab41b 100644
--- a/hosting/templates/hosting/payment.html
+++ b/hosting/templates/hosting/payment.html
@@ -138,11 +138,11 @@
                                                 {% endblocktrans %}
                                             </p>
                                         {% endif %}
-                                        <div class="help-block with-errors">
+                                        <div>
                                             {% for message in messages %}
                                                 {% if 'failed_payment' in message.tags %}
                                                  <ul class="list-unstyled"><li>
-                                                     <p class="alert alert-danger">{{ message|safe }}</p>
+                                                     <p class="card-warning-content card-warning-error">{{ message|safe }}</p>
                                                 </li></ul>
                                                 {% endif %}
                                             {% endfor %}