Show buttons if selection exists

aleksis/apps/alsijil/frontend/components/coursebook/absences/ManageStudentsDialog.vue

 <script>
+import AbsenceReasonButtons from "aleksis.apps.kolego/components/AbsenceReasonButtons.vue";
 import AbsenceReasonChip from "aleksis.apps.kolego/components/AbsenceReasonChip.vue";
 import AbsenceReasonGroupSelect from "aleksis.apps.kolego/components/AbsenceReasonGroupSelect.vue";
 import CancelButton from "aleksis.core/components/generic/buttons/CancelButton.vue";
@@ -15,6 +16,7 @@ export default {
   components: {
     AbsenceReasonChip,
     AbsenceReasonGroupSelect,
+    AbsenceReasonButtons,
     CancelButton,
     LessonInformation,
     MobileFullscreenDialog,
@@ -111,23 +113,31 @@ export default {
 
     <template #title>
       <lesson-information v-bind="documentationPartProps" />
-      <v-slide-x-transition leave-absolute>
+      <v-scroll-x-transition leave-absolute>
         <v-text-field
           v-show="!isExpanded"
           type="search"
           v-model="search"
           clearable
           rounded
-          filled
           hide-details
           single-line
           prepend-inner-icon="$search"
           dense
           outlined
           :placeholder="$t('actions.search')"
-          class="pt-4"
+          class="pt-4 full-width"
         />
-      </v-slide-x-transition>
+      </v-scroll-x-transition>
+      <v-scroll-x-transition>
+        <div v-show="selected.length > 0" class="full-width mt-4">
+          <absence-reason-buttons
+            allow-empty
+            empty-value="present"
+            @input="handleMultipleAction"
+          />
+        </div>
+      </v-scroll-x-transition>
     </template>
     <template #content>
       <slide-iterator