download btn icon added for mobile

This commit is contained in:
ARvind Tiwari 2017-07-27 17:33:44 +05:30
parent 8a9242d74d
commit 99788468d1
3 changed files with 27 additions and 6 deletions

File diff suppressed because one or more lines are too long

View file

@ -32,12 +32,15 @@ h2,h3,h4,h5{
/* vertical-align: middle; */ /* vertical-align: middle; */
/* align-items: center; */ /* align-items: center; */
/* justify-content: space-between; */ /* justify-content: space-between; */
text-align: right; /* text-align: right; */
} }
.ssh-header-container p{ .ssh-header-container p{
margin: 0;
padding: 0; padding: 0;
color: #717274;
font-size: 16px;
font-weight: 300;
font-family: 'Lato';
} }
.borderless tbody:before { .borderless tbody:before {
@ -47,7 +50,7 @@ h2,h3,h4,h5{
background-color: #337ab7; background-color: #337ab7;
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
font-weight: 600; font-weight: 700;
vertical-align: middle; vertical-align: middle;
margin-right: 25px; margin-right: 25px;
} }
@ -274,3 +277,18 @@ h2,h3,h4,h5{
.has-success .form_public_key:focus { .has-success .form_public_key:focus {
box-shadow: none; box-shadow: none;
} }
.mob-only {
display: none;
}
@media (max-width: 767px) {
.mob-only {
display: initial;
}
.pc-only {
display: none;
}
}
}

View file

@ -15,8 +15,9 @@
</div> </div>
{% endif %} {% endif %}
<div class="ssh-header-container"> <div class="ssh-header-container">
<p>To generate a new key pair or to upload your existing key, click "Add Key"</p>
<a class="btn btn-primary btn-custom-download" href="{% url 'hosting:choice_ssh_keys' %}" > <a class="btn btn-primary btn-custom-download" href="{% url 'hosting:choice_ssh_keys' %}" >
<span class="button-plus"></span>&nbsp;&nbsp;{% trans "Add Key"%} <span class="fa fa-plus"></span>&nbsp;&nbsp;{% trans "Add Key"%}
</a> </a>
</div> </div>
@ -101,7 +102,9 @@
{% if user_key.private_key %} {% if user_key.private_key %}
<form action="{{ user_key.private_key.url }}"> <form action="{{ user_key.private_key.url }}">
<button style="color: #717274" type="submit" class="btn btn-default" data-toggle="modal" <button style="color: #717274" type="submit" class="btn btn-default" data-toggle="modal"
>{% trans "Download"%} >
<span class="pc-only">{% trans "Download"%}</span>
<span class="mob-only"><i class="fa fa-download"></i></span>
</button> </button>
</form> </form>
{% endif %} {% endif %}