templates: fix ip card list spacing

Remove unwanted witespace caused by tabs and spaces.
Add margin to the ip card style to define an explicit spacing.
master
Alejandro Sirgo Rica 2024-09-03 09:32:37 +02:00
parent 15f5af00e7
commit c1ac88e47c
5 changed files with 14 additions and 22 deletions

View File

@ -42,9 +42,7 @@
<div>∘︎ Checksum: {{images_data[image.selected.label.text]['checksum']}}</div>
</td>
<td>
{% for ip in images_data[image.selected.label.text]['clients'] %}
<div class="card d-inline-block" style="padding: 5px;">{{ ip }}</div>
{% endfor %}
{% for ip in images_data[image.selected.label.text]['clients'] %}<div class="card d-inline-block" style="padding: 5px; margin: 3px;">{{ ip }}</div>{% endfor %}
</td>
</tr>
{% endfor %}

View File

@ -22,21 +22,19 @@
<table class="table table-hover">
<thead class="thead-light">
<tr>
<th>ogLive</th>
<th>Clients</th>
</tr>
<tr>
<th>ogLive</th>
<th>Clients</th>
</tr>
</thead>
<tbody class="text-left">
{% for oglive, clients in oglives_set.items() %}
<tr>
<th>{{oglive}}</th>
<td>
{% for ip in clients %}
<div class="card d-inline-block" style="padding: 5px;">{{ ip }}</div>
{% endfor %}
</td>
</tr>
<tr>
<th>{{oglive}}</th>
<td>
{% for ip in clients %}<div class="card d-inline-block" style="padding: 5px; margin: 3px;">{{ ip }}</div>{% endfor %}
</td>
</tr>
{% endfor %}
</tbody>
</table>

View File

@ -44,9 +44,7 @@
{% endif %}
</td>
<td>
{% for ip in ips %}
<div class="card d-inline-block" style="padding: 5px;">{{ ip }}</div>
{% endfor %}
{% for ip in ips %}<div class="card d-inline-block" style="padding: 5px; margin: 3px;">{{ ip }}</div>{% endfor %}
</td>
</tr>
{% endfor %}

View File

@ -40,9 +40,7 @@ The selected clients have different installed OS:
<b>{{ os_choice.label.text }}</b>
</td>
<td>
{% for ip in os_groups[os_choice.data] %}
<div class="card d-inline-block" style="padding: 5px;">{{ ip }}</div>
{% endfor %}
{% for ip in os_groups[os_choice.data] %}<div class="card d-inline-block" style="padding: 5px; margin: 3px;">{{ ip }}</div>{% endfor %}
</td>
</tr>
{% endfor %}

View File

@ -308,7 +308,7 @@
missingClientsText = "<p>{{ _('Clients missing the target disk:') }}</p>";
}
for (const c of excludedClientDisks[selectedDisk]) {
missingClientsText += '<div class="card d-inline-block" style="padding: 5px;">' + c + '</div>';
missingClientsText += '<div class="card d-inline-block" style="padding: 5px; margin: 3px;">' + c + '</div>';
}
$('#clientWarningMsg').html(missingClientsText);
{% endif %}