From 8aa7ffa2d3e3357b46dfca78c96aca26c805b215 Mon Sep 17 00:00:00 2001
From: Mondi Geetha <mondi.geetha@gmail.com>
Date: Tue, 4 Jul 2017 00:56:49 +0530
Subject: [PATCH] Added Heading to Modals and styles

---
 hosting/static/hosting/css/commons.css                |  8 ++++++--
 hosting/templates/hosting/orders.html                 |  8 ++++----
 hosting/templates/hosting/user_keys.html              | 10 +++++-----
 hosting/templates/hosting/virtual_machine_detail.html |  4 ++--
 4 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/hosting/static/hosting/css/commons.css b/hosting/static/hosting/css/commons.css
index 74d154d1..568fc867 100644
--- a/hosting/static/hosting/css/commons.css
+++ b/hosting/static/hosting/css/commons.css
@@ -88,10 +88,14 @@
 .modal-title {
     margin: 0;
     line-height: 1.42857143;
-    font-size: 22px;
-    padding: 20px 0;
+    font-size: 25px;
+    padding: 0;
     font-family: 'Lato', sans-serif;
 }
+.modal-text {
+    padding-top: 20px;
+    font-size: 16px;
+}
 .modal-footer {
     border-top: 0px solid #e5e5e5;
     width: 100%;
diff --git a/hosting/templates/hosting/orders.html b/hosting/templates/hosting/orders.html
index 7adc4cd3..afe8f297 100644
--- a/hosting/templates/hosting/orders.html
+++ b/hosting/templates/hosting/orders.html
@@ -53,16 +53,16 @@
                                         </div>
                                         <div class="modal-body">
                                          <div class="modal-icon"><i class="fa fa-question" aria-hidden="true"></i></div>
-                                            <h4 class="modal-title" id="ModalLabel">{% trans "Do You want to delete your order?"%}</h4>
-
+                                            <h4 class="modal-title" id="ModalLabel">{% trans "Cancel Order"%}</h4>
+                                               <p class="modal-text">{% trans "Do you want to delete your order?"%}</p>
                                             <form method="post"
                                                   action="{% url 'hosting:delete_order' order.id %}">
                                                 {% csrf_token %}
                                                 <div class="modal-footer">
-                                                    <button type="button" class="btn btn-default"
+                                                    <!--button type="button" class="btn btn-default"
                                                             data-dismiss="modal">
                                                         {% trans "Close"%}
-                                                    </button>
+                                                    </button-->
                                                     <button type="submit" class="btn btn-danger btn-ok">{% trans "Delete"%}
                                                     </button>
                                                 </div>
diff --git a/hosting/templates/hosting/user_keys.html b/hosting/templates/hosting/user_keys.html
index 30525798..f4db83d2 100644
--- a/hosting/templates/hosting/user_keys.html
+++ b/hosting/templates/hosting/user_keys.html
@@ -54,16 +54,16 @@
                 </div>
                 <div class="modal-body">
                  <div class="modal-icon"><i class="fa fa-question" aria-hidden="true"></i></div>
-                    <h4 class="modal-title" id="ModalLabel">{% trans "Do You want to delete this key?"%}</h4>
-
+                  <h4 class="modal-title" id="ModalLabel">{% trans "Delete SSH Key"%}</h4>
+                     <p class="modal-text">{% trans "Do You want to delete this key?"%}</p>
                     <form method="post" action="{% url 'hosting:delete_ssh_key' user_key.id %}">
                         {% csrf_token %}
                         <div class="modal-footer">
-                            <button type="button" class="btn btn-default"
+                            <!--button type="button" class="btn btn-default"
                                     data-dismiss="modal">
                                 {% trans "Close"%}
-                            </button>
-                            <button type="submit" class="btn btn-primary">{% trans "Delete"%}
+                            </button-->
+                            <button type="submit" class="btn btn-danger">{% trans "Delete"%}
                             </button>
                         </div>
                     </form>
diff --git a/hosting/templates/hosting/virtual_machine_detail.html b/hosting/templates/hosting/virtual_machine_detail.html
index 07dbfae6..fdedac30 100644
--- a/hosting/templates/hosting/virtual_machine_detail.html
+++ b/hosting/templates/hosting/virtual_machine_detail.html
@@ -168,10 +168,10 @@
 									            <div class="modal-body">
 													<div class="modal-icon"><i class="fa fa-question" aria-hidden="true"></i></div>
 													<h4 class="modal-title" id="ModalLabel">{% trans "Terminate your Virtual Machine"%}</h4>
-									                {% trans "Are you sure do you want to cancel your Virtual Machine "%} {{virtual_machine.name}} ?
+									                <p class="modal-text">{% trans "Are you sure do you want to cancel your Virtual Machine "%} {{virtual_machine.name}} ?</p>
 									            </div>
 									            <div class="modal-footer">
-									                <button type="button" class="btn btn-default" data-dismiss="modal">{% trans "Cancel"%}</button>
+									                <!--button type="button" class="btn btn-default" data-dismiss="modal">{% trans "Cancel"%}</button-->
 									                <a class="btn btn-danger btn-ok">OK</a>
 									            </div>
 									        </div>