names: Perform better layout of domain names table on small screens

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@riseup.net>
This commit is contained in:
Sunil Mohan Adapa 2019-08-20 10:09:42 -07:00 committed by Joseph Nuthalapati
parent 9b46d1a661
commit 393f4bbc26
No known key found for this signature in database
GPG Key ID: 5398F00A2FA43C35
2 changed files with 12 additions and 3 deletions

View File

@ -23,11 +23,11 @@
{% block configuration %}
<table class="table table-bordered table-condensed table-striped">
<table class="table table-bordered table-condensed table-striped names-table">
<thead>
<tr>
<th>Type</th>
<th>Domain Name</th>
<th class="names-domain-column">Domain Name</th>
<th>Services</th>
<th></th>
</tr>
@ -36,7 +36,7 @@
{% for domain in status.domains|dictsort:"domain_type.display_name" %}
<tr>
<td>{{ domain.domain_type.display_name }}</td>
<td>{{ domain.name }}</td>
<td class="names-domain-column">{{ domain.name }}</td>
<td>{{ domain.get_readable_services|join:', ' }}</td>
<td>
<a href="{% url domain.domain_type.configuration_url %}"

View File

@ -455,3 +455,12 @@ a.menu_link_active {
height: 3px;
background-color: white;
}
.names-table {
table-layout: fixed;
overflow-wrap: break-word;
}
.names-domain-column {
width: 50%;
}