fix(style): swap table positions in group edit view

This commit is contained in:
Julian Lobbes 2022-11-30 12:50:56 +01:00
parent 520f16f0c1
commit c158697f7b

View File

@ -7,36 +7,6 @@
</div>
</div>
<div class="row">
<div class="col-sm border rounded m-2">
<table class="table table-hover align-middle" id="tableNonMembers">
<thead>
<tr>
<th scope="col" colspan="3">Username</th>
</tr>
</thead>
<tbody>
{% for user in non_members %}
<tr class="userEntry text-center" id="{{ user.username }}">
<th scope="row">
<img src="{{ user.get_thumbnail_url() }}"
alt="Profile picture for user {{ user.username }}"
class="img-fluid rounded"
style="max-width: 50px"
>
</th>
<td>
<a href="{{ url_for('usermanager.user_view', username=user.username)}}">{{ user.username }}</a>
</td>
<td>
<button type="button" class="toggleMembershipButton btn btn-success">
<i class="bi-box-arrow-in-right"></i> Add to group
</button>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="col-sm border border-primary rounded m-2">
<table class="table table-hover align-middle" id="tableMembers">
<thead>
@ -67,6 +37,36 @@
</tbody>
</table>
</div>
<div class="col-sm border rounded m-2">
<table class="table table-hover align-middle" id="tableNonMembers">
<thead>
<tr>
<th scope="col" colspan="3">Username</th>
</tr>
</thead>
<tbody>
{% for user in non_members %}
<tr class="userEntry text-center" id="{{ user.username }}">
<th scope="row">
<img src="{{ user.get_thumbnail_url() }}"
alt="Profile picture for user {{ user.username }}"
class="img-fluid rounded"
style="max-width: 50px"
>
</th>
<td>
<a href="{{ url_for('usermanager.user_view', username=user.username)}}">{{ user.username }}</a>
</td>
<td>
<button type="button" class="toggleMembershipButton btn btn-success">
<i class="bi-box-arrow-in-right"></i> Add to group
</button>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<script src="{{ url_for('static', filename='js/group_edit.js') }}"></script>
{% endblock content %}