Make absence reason select card single-line

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

@@ -22,20 +22,24 @@
           v-show="pageType === 'absences' && selectedParticipations.length"
         >
           <v-card-text>
-            {{
-              $tc(
-                "alsijil.coursebook.absences.action_for_selected",
-                selectedParticipations.length,
-              )
-            }}
+            <v-row align="center">
+              <v-col cols="6">
+                {{
+                  $tc(
+                    "alsijil.coursebook.absences.action_for_selected",
+                    selectedParticipations.length,
+                  )
+                }}
+              </v-col>
+              <v-col cols="6">
+                <absence-reason-buttons
+                  allow-empty
+                  empty-value="present"
+                  @input="handleMultipleAction"
+                />
+              </v-col>
+            </v-row>
           </v-card-text>
-          <v-card-actions>
-            <absence-reason-buttons
-              allow-empty
-              empty-value="present"
-              @input="handleMultipleAction"
-            />
-          </v-card-actions>
         </v-card>
       </v-expand-transition>
     </template>

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

@@ -83,7 +83,7 @@
       "no_data": "No lessons for the selected groups and courses in this period",
       "no_results": "No search results for {search}",
       "absences": {
-        "action_for_selected": "Action for one selected participation | Action for {count} selected participations"
+        "action_for_selected": "Mark selected participant as: | Mark {count} selected participants as"
       }
     }
   },