Add flexbox-classes to listgroup-item
to align badges correctly
This commit is contained in:
parent
b81b1bca10
commit
371af752eb
|
@ -12,7 +12,7 @@
|
||||||
<ul class="list-group my-3" id="{{ headline_id }}">
|
<ul class="list-group my-3" id="{{ headline_id }}">
|
||||||
{% for client, value in clients %}
|
{% for client, value in clients %}
|
||||||
{% set id = [headline_id, client.nick|striptags]|join('.') %}
|
{% set id = [headline_id, client.nick|striptags]|join('.') %}
|
||||||
<li id="{{ id }}" class="list-group-item justify-content-between{{ ' list-group-item-success' if client.connected else loop.cycle('" style="background-color: #eee;', '') }}">
|
<li id="{{ id }}" class="list-group-item d-flex justify-content-between align-items-center{{ ' list-group-item-success' if client.connected else loop.cycle('" style="background-color: #eee;', '') }}">
|
||||||
<span class="hint--right hint--medium--xs" data-hint="{{ client.nick_history|join(', ') }}"><a href="#{{ id }}">{{ client.nick }}{{ " (" + client.identifier + ")" if debug }}</a></span>
|
<span class="hint--right hint--medium--xs" data-hint="{{ client.nick_history|join(', ') }}"><a href="#{{ id }}">{{ client.nick }}{{ " (" + client.identifier + ")" if debug }}</a></span>
|
||||||
<span class="badge badge-default badge-pill"><div{% if not client.connected and headline == 'Onlinetime' %} class="hint--left" data-hint="{{ client.last_seen|lastseen }}"{% endif %}>{{ value }}</div></span>
|
<span class="badge badge-default badge-pill"><div{% if not client.connected and headline == 'Onlinetime' %} class="hint--left" data-hint="{{ client.last_seen|lastseen }}"{% endif %}>{{ value }}</div></span>
|
||||||
</li>
|
</li>
|
||||||
|
|
Loading…
Reference in New Issue