From f49d6b398f7b51699203066a79664a8ba88053a5 Mon Sep 17 00:00:00 2001
From: siarheipuhach <sergeypugach18@gmail.com>
Date: Wed, 5 Jul 2017 08:41:50 +0300
Subject: [PATCH] Changed ssh keys design(+ mobile ver.)

---
 hosting/static/hosting/css/user_keys.css | 38 +++++++++++++++++++++++-
 hosting/templates/hosting/user_keys.html |  3 +-
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/hosting/static/hosting/css/user_keys.css b/hosting/static/hosting/css/user_keys.css
index 0c3d2187..973b45fb 100644
--- a/hosting/static/hosting/css/user_keys.css
+++ b/hosting/static/hosting/css/user_keys.css
@@ -20,6 +20,7 @@
     color: #717274;
     font-size: 16px;
     font-weight: 300;
+    text-align: justify;
 }
 .ssh-header-container{
     display: flex;
@@ -28,6 +29,7 @@
     align-items: center;
     justify-content: space-between;
 }
+
 .ssh-header-container p{
     margin: 0;
     padding: 0;
@@ -52,7 +54,41 @@
     text-decoration: none;
 }
 .modal-body p{
-    width: 85%;
+    width: 100%;
     word-wrap: break-word;
     text-align: left;
 }
+
+@media screen and (max-width: 768px) {
+    .ssh-header-container{
+        flex-direction: column-reverse;
+        align-items: flex-start;
+    }
+    .btn-custom-delete{
+    width: auto;
+    }
+    .dashboard-container {
+     width: 100% !important;
+    }
+    .row {
+     margin-right: 0;
+     margin-left: 0;
+    }
+    .col-md-12, .col-sm-12{
+        padding-left: 5px;
+        padding-right: 5px;
+    }
+}
+@media screen and (max-width: 360px){
+    .content-dashboard {
+        width: 100% !important;
+    }
+    .container {
+        padding-right: 5px;
+        padding-left: 5px;
+    }
+    .col-md-12, .col-sm-12{
+        padding-left: 0;
+        padding-right: 0;
+    }
+}
\ No newline at end of file
diff --git a/hosting/templates/hosting/user_keys.html b/hosting/templates/hosting/user_keys.html
index 27e12d34..4af8c3d0 100644
--- a/hosting/templates/hosting/user_keys.html
+++ b/hosting/templates/hosting/user_keys.html
@@ -87,9 +87,10 @@
                                                             aria-label="Confirm"><span
                                                             aria-hidden="true">&times;</span>
                                                     </button>
+                                                    <h4 class="modal-title" id="ModalLabel_Public_Key">{% trans "Public ssh key"%}</h4>
+
                                                 </div>
                                                 <div class="modal-body">
-                                                    <h4 class="modal-title" id="ModalLabel_Public_Key">{% trans "Public ssh key"%}</h4>
                                                     <p>{{ user_key.public_key }}</p>
                                                     <div class="modal-footer">
                                                         <button type="button" class="btn btn-default"