Set fixed width of service-list table.
This commit is contained in:
parent
50bcd89fcd
commit
9a33f3363a
|
@ -93,8 +93,9 @@ h1.service-name {
|
|||
|
||||
font: 16px/21px Roboto;
|
||||
}
|
||||
.service-list {
|
||||
.table.service-list {
|
||||
margin-top: 2rem;
|
||||
table-layout: fixed;
|
||||
}
|
||||
/** TODO update theme instead of overriding **/
|
||||
.service-list thead.thead-dark th {
|
||||
|
@ -103,6 +104,10 @@ h1.service-name {
|
|||
border-color: transparent;
|
||||
}
|
||||
/** /TODO **/
|
||||
.table.service-list td,
|
||||
.table.service-list th {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.service-list thead.thead-dark th:first-of-type {
|
||||
border-top-left-radius: .25rem;
|
||||
|
@ -112,6 +117,14 @@ h1.service-name {
|
|||
border-top-right-radius: .25rem;
|
||||
}
|
||||
|
||||
.service-list tfoot td:first-of-type {
|
||||
border-bottom-left-radius: .25rem;
|
||||
}
|
||||
|
||||
.service-list tfoot td:last-of-type {
|
||||
border-bottom-right-radius: .25rem;
|
||||
}
|
||||
|
||||
.service-list tbody {
|
||||
background: white;
|
||||
color: #343434;
|
||||
|
|
|
@ -6,6 +6,12 @@
|
|||
<h1 class="service-name">{{ service.verbose_name }}</h1>
|
||||
<p class="service-description">{{ service.description }}</p>
|
||||
<table class="table service-list">
|
||||
<colgroup>
|
||||
<col span="1" style="width: 25%;">
|
||||
<col span="1" style="width: 50%;">
|
||||
<col span="1" style="width: 5%;">
|
||||
<col span="1" style="width: 20%;">
|
||||
</colgroup>
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th scope="col">{% trans "Mail address" %}</th>
|
||||
|
|
Loading…
Reference in a new issue