Sunil Mohan Adapa fef8da230f
ui: Adopt a consistent and new table style
Rows in bootstrap 4 tables are taller by default. This is better suited for
mobile layouts and look prettier on desktops too. Adopting this approach instead
of condensed tables eliminates the need for striping, bordering and narrower
tables.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
2020-12-19 11:26:33 +02:00

41 lines
1010 B
HTML

{% extends "app.html" %}
{% comment %}
# SPDX-License-Identifier: AGPL-3.0-or-later
{% endcomment %}
{% load bootstrap %}
{% load i18n %}
{% block status %}
{{ block.super }}
<h3>{% trans "Serving Domains" %}</h3>
<table class="table">
<thead>
<tr>
<th>{% trans "Type" %}</th>
<th>{% trans "Domain Names" %}</th>
<th>{% trans "Serving" %}</th>
<th>{% trans "IP addresses" %}</th>
</tr>
</thead>
<tbody>
{% for domain in domains_table %}
<tr>
<td>{{ domain.type}}</td>
<td>{{ domain.domain_name}}</td>
<td>{{ domain.serving }}</td>
<td>{{ domain.ip_address }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<div>
<a href="{% url 'bind:index' %}" class="btn btn-default"
role="button" title="{% trans 'Refresh IP address and domains' %}">
<span class="fa" aria-hidden="true"></span>
{% trans 'Refresh IP address and domains' %}
</a>
</div>
{% endblock %}