improve table layout on hosting package detail page
- add CSS classes for table column width - use same CSS class for same type of column in domain, mailbox and database tables
This commit is contained in:
parent
fd6449dff1
commit
d5eccafea7
2 changed files with 21 additions and 10 deletions
|
@ -1 +1,10 @@
|
||||||
/*! project specific CSS goes here. */
|
/*! project specific CSS goes here. */
|
||||||
|
table thead th.actions-column {
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
table thead th.status-column {
|
||||||
|
width: 5em;
|
||||||
|
}
|
||||||
|
table thead th.name-column {
|
||||||
|
width: 15em;
|
||||||
|
}
|
||||||
|
|
|
@ -80,10 +80,10 @@
|
||||||
<table class="table table-condensed">
|
<table class="table table-condensed">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>{% trans "Domain name" %}</th>
|
<th class="name-column">{% trans "Domain name" %}</th>
|
||||||
<th>{% trans "Mail addresses" %}</th>
|
<th>{% trans "Mail addresses" %}</th>
|
||||||
<th>{% trans "Websites" %}</th>
|
<th>{% trans "Websites" %}</th>
|
||||||
<th title="{% trans "Domain actions" %}"><span class="sr-only">{% trans "Actions" %}</span></th>
|
<th title="{% trans "Domain actions" %}" class="actions-column"><span class="sr-only">{% trans "Actions" %}</span></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
|
@ -130,10 +130,10 @@
|
||||||
<table class="table table-condensed">
|
<table class="table table-condensed">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>{% trans "Mailbox" %}</th>
|
<th class="name-column">{% trans "Mailbox" %}</th>
|
||||||
<th>{% trans "Mail addresses" %}</th>
|
<th>{% trans "Mail addresses" %}</th>
|
||||||
<th>{% trans "Active" %}</th>
|
<th class="status-column">{% trans "Active" %}</th>
|
||||||
<th title="{% trans "Mailbox actions" %}"><span class="sr-only">{% trans "Actions" %}</span></th>
|
<th title="{% trans "Mailbox actions" %}" class="actions-column"><span class="sr-only">{% trans "Actions" %}</span></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
|
@ -165,19 +165,21 @@
|
||||||
<table class="table table-condensed">
|
<table class="table table-condensed">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
<th class="name-column">{% trans "Database name" %}</th>
|
||||||
|
<th class="name-column">{% trans "Database user" %}</th>
|
||||||
<th title="{% trans "Database type" %}"><span class="sr-only">{% trans "Type" %}</span></th>
|
<th title="{% trans "Database type" %}"><span class="sr-only">{% trans "Type" %}</span></th>
|
||||||
<th>{% trans "Database name" %}</th>
|
<th title="{% trans "Database actions" %}" class="actions-column"><span class="sr-only">{% trans "Actions" %}</span></th>
|
||||||
<th>{% trans "Database user" %}</th>
|
|
||||||
<th title="{% trans "Database actions" %}"><span class="sr-only">{% trans "Actions" %}</span></th>
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{% for database in databases %}
|
{% for database in databases %}
|
||||||
<tr>
|
<tr>
|
||||||
<td>{% include "userdbs/snippets/db_type.html" with db_type=database.db_user.db_type %}</td>
|
|
||||||
<td>{{ database.db_name }}</td>
|
<td>{{ database.db_name }}</td>
|
||||||
<td>{{ database.db_user.name }}</td>
|
<td>{{ database.db_user.name }}</td>
|
||||||
<td><a href="{% url 'change_dbuser_password' package=hostingpackage.id slug=database.db_user.name %}" title="{% trans "Set database user password" %}"><i class="fa fa-user-secret"></i><span class="sr-only"> {% trans "Set database user password" %}</span></a></td>
|
<td>{% include "userdbs/snippets/db_type.html" with db_type=database.db_user.db_type %}</td>
|
||||||
|
<td>
|
||||||
|
<a href="{% url 'change_dbuser_password' package=hostingpackage.id slug=database.db_user.name %}" title="{% trans "Set database user password" %}"><i class="fa fa-user-secret"></i><span class="sr-only"> {% trans "Set database user password" %}</span></a>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
|
|
Loading…
Reference in a new issue