From c158697f7b2777d47ac5f24ae0be89202dea5252 Mon Sep 17 00:00:00 2001
From: Julian Lobbes <julian.lobbes@protonmail.com>
Date: Wed, 30 Nov 2022 12:50:56 +0100
Subject: [PATCH] fix(style): swap table positions in group edit view

---
 lumi2/templates/usermanager/group_edit.html | 60 ++++++++++-----------
 1 file changed, 30 insertions(+), 30 deletions(-)

diff --git a/lumi2/templates/usermanager/group_edit.html b/lumi2/templates/usermanager/group_edit.html
index 0fb7854..0a86ad1 100644
--- a/lumi2/templates/usermanager/group_edit.html
+++ b/lumi2/templates/usermanager/group_edit.html
@@ -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 %}