Make coursebook-print-dialog a bit prettier

aleksis/apps/alsijil/frontend/components/coursebook/CoursebookPrintDialog.vue

@@ -22,6 +22,7 @@ import CancelButton from "aleksis.core/components/generic/buttons/CancelButton.v
       {{ $t("alsijil.coursebook.print.title") }}
     </template>
     <template #content>
+      {{ $t("alsijil.coursebook.print.groups") }}
       <v-autocomplete
         :items="availableGroups"
         item-text="name"
@@ -33,42 +34,44 @@ import CancelButton from "aleksis.core/components/generic/buttons/CancelButton.v
         chips
         deletable-chips
       />
-      {{ $t("alsijil.coursebook.print.include") }}
-      <v-checkbox
-        v-model="includeCover"
-        :label="$t('alsijil.coursebook.print.include_cover')"
-      />
-      <v-checkbox
-        v-model="includeAbbreviations"
-        :label="$t('alsijil.coursebook.print.include_abbreviations')"
-      />
-      <v-checkbox
-        v-model="includeMembersTable"
-        :label="$t('alsijil.coursebook.print.include_members_table')"
-      />
-      <v-checkbox
-        v-model="includeTeachersAndSubjectsTable"
-        :label="$t('alsijil.coursebook.print.include_teachers_and_subjects_table')"
-      />
-      <v-checkbox
-        v-model="includePersonOverviews"
-        :label="$t('alsijil.coursebook.print.include_person_overviews')"
-      />
-      <v-checkbox
-        v-model="includeCoursebook"
-        :label="$t('alsijil.coursebook.print.include_coursebook')"
-      />
+      <div class="d-flex flex-column">
+        {{ $t("alsijil.coursebook.print.include") }}
+        <v-checkbox
+          v-model="includeCover"
+          :label="$t('alsijil.coursebook.print.include_cover')"
+        />
+        <v-checkbox
+          v-model="includeAbbreviations"
+          :label="$t('alsijil.coursebook.print.include_abbreviations')"
+        />
+        <v-checkbox
+          v-model="includeMembersTable"
+          :label="$t('alsijil.coursebook.print.include_members_table')"
+        />
+        <v-checkbox
+          v-model="includeTeachersAndSubjectsTable"
+          :label="$t('alsijil.coursebook.print.include_teachers_and_subjects_table')"
+        />
+        <v-checkbox
+          v-model="includePersonOverviews"
+          :label="$t('alsijil.coursebook.print.include_person_overviews')"
+        />
+        <v-checkbox
+          v-model="includeCoursebook"
+          :label="$t('alsijil.coursebook.print.include_coursebook')"
+        />
+      </div>
     </template>
     <template #actions>
+      <!-- TODO: Should cancel reset state? -->
+      <cancel-button
+        @click="dialog=false"
+      />
       <primary-action-button
         i18n-key="alsijil.coursebook.print.button"
         icon-text="$print"
         @click="print"
       />
-      <!-- TODO: Should cancel reset state? -->
-      <cancel-button
-        @click="dialog=false"
-      />
     </template>
   </mobile-fullscreen-dialog>
 </template>

aleksis/apps/alsijil/frontend/messages/de.json

@@ -101,6 +101,7 @@
       "print": {
         "button": "Drucken",
         "title": "Kursbuchausdruck",
+        "groups": "Drucke Gruppen:",
         "include": "Drucke Abschnitte:",
         "include_cover": "Deckblatt",
         "include_abbreviations": "Abkürzungen",

aleksis/apps/alsijil/frontend/messages/en.json

@@ -133,7 +133,8 @@
       "print": {
         "button": "Print",
         "title": "Print Coursebook",
-        "include": "Print parts:",
+        "groups": "Groups to print:",
+        "include": "Parts to print:",
         "include_cover": "Cover",
         "include_abbreviations": "Abbreviations",
         "include_members_table": "Members Table",