style changes

hosting/static/hosting/css/user_keys.css

@@ -27,13 +27,21 @@ h2,h3,h4,h5{
 }
 .ssh-header-container{
     padding-top: 15px;
-    /*     display: flex; */
+}
+
+@media (min-width: 768px) {
+    .ssh-header-container {
+        display: flex;
         /*     flex-direction: row-reverse; */
         /*     vertical-align: middle; */
         /* align-items: center; */
-    /*     justify-content: space-between; */
+        justify-content: space-between;
         /* text-align: right; */
     }
+    .ssh-header-container p{
+        margin-bottom: 0;
+    }
+}
 
 .ssh-header-container p{
     padding: 0;
@@ -249,9 +257,15 @@ h2,h3,h4,h5{
     font-family: 'Lato-Light', sans-serif;
 }
 .underform-contaner button{
+    font-family: Lato;
+    font-weight: 600;
     width: 120px;
     height: 35px;
 }
+.underform-contaner .btn-default{
+    background-color: #ccc;
+    color: #fff;
+}
 .control-label{
     font-family: 'Lato-Light', sans-serif;
     font-size: 20px;

hosting/templates/hosting/user_key.html

@@ -28,7 +28,7 @@
                         </div>
                         <div class="underform-contaner">
                             <h4>{% trans "Or you can generate a new key pair."%}</h4>
-                            <button type="submit" name='generate' class="btn btn-success custom_form_button">{% trans "Generate"%}
+                            <button type="submit" name='generate' class="btn btn-default custom_form_button">{% trans "Generate"%}
                         </button>
                         </div>