pagekite: Fix styling issues for custom services section

- Place the add button in a paragraph to remove unnecessary styling.

- De-emphasize the add button by making it default style instead of primary.

- Re-add a missing class on the custom services list to apply the intended style
properly.

- Drop horizontal rule.

- Remove the unnecessary title "Existing custom services". Emphasize the custom
services section by making it <h3> instead of <h4>. Also for consistency across
the interface.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
This commit is contained in:
Sunil Mohan Adapa 2020-03-12 16:15:37 -07:00 committed by Veiko Aasa
parent 23454573e2
commit 312ad2800d
No known key found for this signature in database
GPG Key ID: 478539CAE680674E

View File

@ -16,31 +16,24 @@
form.pull-right button { form.pull-right button {
margin: 10px 5px; margin: 10px 5px;
} }
.add-service input.btn {
margin: 10px 0px;
}
</style> </style>
{% endblock %} {% endblock %}
{% block configuration %} {% block configuration %}
{{ block.super }} {{ block.super }}
<hr/> <h3>{% trans "Custom Services" %}</h3>
<h4>{% trans "Custom Services" %}</h4> <p>
<a href="{% url 'pagekite:add-custom-service' %}" class="btn btn-default"
<a href="{% url 'pagekite:add-custom-service' %}" class="btn btn-primary"
role="button" title="{% trans 'Add Custom Service' %}"> role="button" title="{% trans 'Add Custom Service' %}">
<span class="fa fa-plus" aria-hidden="true"></span> <span class="fa fa-plus" aria-hidden="true"></span>
{% trans 'Add Custom Service' %} {% trans 'Add Custom Service' %}
</a> </a>
</p>
{% if custom_services %} {% if custom_services %}
<div> <div class="list-group custom-services">
<h5>{% trans "Existing custom services" %}</h5>
<div class="list-group">
{% for service in custom_services %} {% for service in custom_services %}
<div class="list-group-item clearfix"> <div class="list-group-item clearfix">
<span class="service"> <span class="service">
@ -64,14 +57,12 @@
</div> </div>
<button type="submit" class="btn btn-default" <button type="submit" class="btn btn-default"
title="{% trans "Delete this service" %}"> title="{% trans "Delete this service" %}">
<span class="fa fa-trash-o" aria-hidden="true"> <span class="fa fa-trash-o" aria-hidden="true"></span>
</span>
</button> </button>
</form> </form>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div>
{% endif %} {% endif %}
{% endblock %} {% endblock %}