Add flexbox-classes to listgroup-item

to align badges correctly
This commit is contained in:
Thor77 2017-08-23 14:07:17 +02:00
parent b81b1bca10
commit 371af752eb
1 changed files with 1 additions and 1 deletions

View File

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