FIX: ou: better card order

frontend/src/views/org/OU.vue

@@ -89,7 +89,41 @@
             </b-table>
             <div v-if="!mgrs2ou[ou.short_name] || mgrs2ou[ou.short_name].length === 0"
                  class="font-italic text-center my-3">
-              <span class="font-italic">Keine Domains zugewiesen</span><br/>
+              <span class="font-italic">Keine Betreuer zugewiesen</span><br/>
+            </div>
+          </b-collapse>
+        </b-card>
+        <b-card header-class="p-0" body-class="p-0" class="mb-3 shadow-sm">
+          <template v-slot:header>
+            <b-button block variant="outline-secondary"
+                      v-b-toggle="ou.short_name + '-collapse-groups'">
+              Gruppen
+              <b-badge pill v-if="fqdns2ou[ou.short_name]">{{
+                  groups2ou[ou.short_name].length
+                }}
+              </b-badge>
+              <b-badge pill v-else>0</b-badge>
+              <br/>
+              <font-awesome-icon class="collapse-icon" :icon="['fas','chevron-down']"/>
+            </b-button>
+          </template>
+          <b-collapse :id="ou.short_name + '-collapse-groups'">
+
+            <b-pagination :per-page="per_page" v-model="fqdn_list_page"
+                          v-if="groups2ou[ou.short_name] && groups2ou[ou.short_name].length> per_page"
+                          :total-rows="groups2ou[ou.short_name].length || 0" align="center" class="mt-3"/>
+            <b-table :items="groups2ou[ou.short_name]" :fields="group_list_fields" class="m-0" per-page="25">
+              <template v-slot:head(actions)>
+              </template>
+              <template v-slot:cell(actions)="">
+              </template>
+              <template v-slot:cell(name)="data">
+                <b-link :to="'/cntl/groups/'+data.item.name">{{ data.item.name }}</b-link>
+              </template>
+            </b-table>
+            <div v-if="!groups2ou[ou.short_name] || groups2ou[ou.short_name].length === 0"
+                 class="font-italic text-center my-3">
+              <span class="font-italic">Keine Gruppen zugewiesen</span><br/>
             </div>
           </b-collapse>
         </b-card>
@@ -201,40 +235,6 @@
             </div>
           </b-collapse>
         </b-card>
-        <b-card header-class="p-0" body-class="p-0" class="mb-3 shadow-sm">
-          <template v-slot:header>
-            <b-button block variant="outline-secondary"
-                      v-b-toggle="ou.short_name + '-collapse-groups'">
-              Gruppen
-              <b-badge pill v-if="fqdns2ou[ou.short_name]">{{
-                  groups2ou[ou.short_name].length
-                }}
-              </b-badge>
-              <b-badge pill v-else>0</b-badge>
-              <br/>
-              <font-awesome-icon class="collapse-icon" :icon="['fas','chevron-down']"/>
-            </b-button>
-          </template>
-          <b-collapse :id="ou.short_name + '-collapse-groups'">
-
-            <b-pagination :per-page="per_page" v-model="fqdn_list_page"
-                          v-if="groups2ou[ou.short_name] && groups2ou[ou.short_name].length> per_page"
-                          :total-rows="groups2ou[ou.short_name].length || 0" align="center" class="mt-3"/>
-            <b-table :items="groups2ou[ou.short_name]" :fields="group_list_fields" class="m-0" per-page="25">
-              <template v-slot:head(actions)>
-              </template>
-              <template v-slot:cell(actions)="">
-              </template>
-              <template v-slot:cell(name)="data">
-                <b-link :to="'/cntl/groups/'+data.item.name">{{data.item.name}}</b-link>
-              </template>
-            </b-table>
-            <div v-if="!groups2ou[ou.short_name] || groups2ou[ou.short_name].length === 0"
-                 class="font-italic text-center my-3">
-              <span class="font-italic">Keine Gruppen zugewiesen</span><br/>
-            </div>
-          </b-collapse>
-        </b-card>
       </Loading>
     </template>
     <hr>