FIX: Collapse icon alignment in BCDRecords

frontend/src/views/dnsvs/BCDRecords.vue

@@ -63,7 +63,7 @@
           <b-col cols="10" cols-lg="12">
             <b-card class="shadow mb-4" no-body :id="collapse_states[0] ? 'overview' : 'not-overview'">
               <b-card-header v-b-toggle:overview-collapse class="collapse-header">
-                <h5>Broadcastdomain</h5>
+                <h5 class="d-inline">Broadcastdomain</h5>
                 <font-awesome-icon class="collapse-icon" :icon="['fas','chevron-down']"/>
               </b-card-header>
               <b-card-body body-class="p-0">
@@ -93,7 +93,8 @@
                           <ul>
                             <OUMgrTreeEntry v-for="pou in parent_ou_tree_roots" v-bind:key="pou.short_name" :ou="pou"
                                             :ous_by_parent="ous_by_parent" :parent_oe2mgr="parent_oe2mgr"
-                                            :parent_oe_mgr="parent_oe_mgr" :direct_bcd2ous_by_ou="direct_bcd2ous_by_ou"/>
+                                            :parent_oe_mgr="parent_oe_mgr"
+                                            :direct_bcd2ous_by_ou="direct_bcd2ous_by_ou"/>
                           </ul>
                         </template>
                         <p v-else class="font-italic">
@@ -106,8 +107,10 @@
                               <b :title="groups[grp.group_name].description">
                                 <b-link :to="'/cntl/groups/'+grp.group_name">{{ grp.group_name }}</b-link>
                               </b>
-                              <b-badge class="ml-1" v-if="groups[grp.group_name].is_admin" variant="danger">Admin</b-badge>
-                              <b-badge class="ml-1" v-if="groups[grp.group_name].is_own" variant="success">Mitglied</b-badge>
+                              <b-badge class="ml-1" v-if="groups[grp.group_name].is_admin" variant="danger">Admin
+                              </b-badge>
+                              <b-badge class="ml-1" v-if="groups[grp.group_name].is_own" variant="success">Mitglied
+                              </b-badge>
                               <ul>
                                 <li v-for="mgr in group2mgrs[grp.group_name]" v-bind:key="mgr.mgr_login_name">
                                   <b-link :href="'mailto:'+group_mgrs[mgr.mgr_login_name].email">
@@ -134,8 +137,10 @@
                             <b :title="groups[grp.group_name].description">
                               <b-link :to="'/cntl/groups/'+grp.group_name">{{ grp.group_name }}</b-link>
                             </b>
-                            <b-badge class="ml-1" v-if="groups[grp.group_name].is_admin" variant="danger">Admin</b-badge>
-                            <b-badge class="ml-1" v-if="groups[grp.group_name].is_own" variant="success">Mitglied</b-badge>
+                            <b-badge class="ml-1" v-if="groups[grp.group_name].is_admin" variant="danger">Admin
+                            </b-badge>
+                            <b-badge class="ml-1" v-if="groups[grp.group_name].is_own" variant="success">Mitglied
+                            </b-badge>
                             <ul>
                               <li v-for="fqdn in fqdns2group[grp.group_name]" v-bind:key="fqdn.fqdn_value">
                                 <b-link :to="'/dnsvs/fqdns/'+fqdn.fqdn_value">{{ fqdn.fqdn_value }}</b-link>
@@ -188,7 +193,7 @@
             </b-card>
             <b-card class="shadow mb-4" no-body :id="collapse_states[1] ? 'reserved' : 'not-reserved'">
               <b-card-header v-b-toggle:reserved-collapse class="collapse-header">
-                <h5>Reservierte Adressen</h5>
+                <h5 class="d-inline">Reservierte Adressen</h5>
                 <font-awesome-icon class="collapse-icon" :icon="['fas','chevron-down']"/>
               </b-card-header>
               <b-card-body body-class="p-0">
@@ -214,7 +219,7 @@
                       v-for="(record_type, index) in record_types" :key="record_type"
                       :id="collapse_states[2+index]?record_type+'-records':'not-'+record_type+'-records'">
                 <b-card-header v-b-toggle="'records-'+record_type+'-collapse'" class="collapse-header">
-                  <h5>{{ record_type }} Records</h5>
+                  <h5 class="d-inline">{{ record_type }} Records</h5>
                   <font-awesome-icon class="collapse-icon" :icon="['fas','chevron-down']"/>
                 </b-card-header>
                 <b-card-body body-class="p-0">