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:
Jan Dittberner 2015-01-26 13:38:26 +01:00
parent fd6449dff1
commit d5eccafea7
2 changed files with 21 additions and 10 deletions

View file

@ -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;
}

View file

@ -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>