Apply classes to action component

aleksis/core/assets/components/generic/DetailView.vue

@@ -25,11 +25,10 @@
       </v-col>
 
       <v-col order="1" order-sm="last" class="ms-5">
-        <div
-          class="d-flex gap justify-md-end flex-column-reverse flex-md-row align-end align-md-center"
-        >
-          <slot name="actions" />
-        </div>
+        <slot
+          name="actions"
+          v-bind:classes="'d-flex gap justify-md-end flex-column-reverse flex-md-row align-end align-md-center'"
+        />
       </v-col>
     </v-row>
     <slot />

aleksis/core/assets/components/person/PersonOverview.vue

@@ -24,8 +24,8 @@
             {{ data.person.username }}
           </template>
 
-          <template #actions>
-            <person-actions :id="data.person.id" />
+          <template #actions="{ classes }">
+            <person-actions :class="classes" :id="data.person.id" />
           </template>
 
           <div class="text-center my-5" v-text="data.person.description"></div>