fix: align student slot view to top left

Author: MasterMarcoHD

lib/src/slots/presentation/screens/slot_reservation_screen.dart

@@ -27,56 +27,60 @@ class SlotReservationScreen extends StatelessWidget with AdaptiveWidget {
 
     return Padding(
       padding: PaddingTop(),
-      child: SingleChildScrollView(
-        child: Column(
-          spacing: Spacing.largeSpacing,
-          children: [
-            for (final group in groups.entries)
-              Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Padding(
-                    padding: PaddingLeft(),
-                    child: Text(
-                      '${group.key.translate(context)} ${formatter.format(group.key.nextDate)}',
-                      style: context.theme.textTheme.titleMedium,
-                    ).bold(),
-                  ),
-                  Spacing.smallVertical(),
-                  for (final timespan in group.value.entries)
-                    Column(
-                      children: [
-                        Padding(
-                          padding: PaddingLeft(),
-                          child: Row(
-                            children: [
-                              const Icon(Icons.access_time, size: 16),
-                              Spacing.xsHorizontal(),
-                              Text('${timespan.key.$1.humanReadable()} - ${timespan.key.$2.humanReadable()}'),
-                            ],
+      child: Align(
+        alignment: Alignment.topLeft,
+        child: SingleChildScrollView(
+          child: Column(
+            spacing: Spacing.largeSpacing,
+            children: [
+              for (final group in groups.entries)
+                Column(
+                  mainAxisAlignment: MainAxisAlignment.start,
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Padding(
+                      padding: PaddingLeft(),
+                      child: Text(
+                        '${group.key.translate(context)} ${formatter.format(group.key.nextDate)}',
+                        style: context.theme.textTheme.titleMedium,
+                      ).bold(),
+                    ),
+                    Spacing.smallVertical(),
+                    for (final timespan in group.value.entries)
+                      Column(
+                        children: [
+                          Padding(
+                            padding: PaddingLeft(),
+                            child: Row(
+                              children: [
+                                const Icon(Icons.access_time, size: 16),
+                                Spacing.xsHorizontal(),
+                                Text('${timespan.key.$1.humanReadable()} - ${timespan.key.$2.humanReadable()}'),
+                              ],
+                            ),
                           ),
-                        ),
-                        Spacing.smallVertical(),
-                        Padding(
-                          padding: PaddingLeft(),
-                          child: Wrap(
-                            spacing: Spacing.mediumSpacing,
-                            runSpacing: Spacing.mediumSpacing,
-                            children: [
-                              for (final slot in timespan.value)
-                                SizedBox(
-                                  key: ValueKey(slot),
-                                  width: 300,
-                                  child: SlotWidget(slot: slot, date: group.key.nextDate),
-                                ),
-                            ],
-                          ).stretch(),
-                        ),
-                      ],
-                    ).paddingOnly(bottom: Spacing.largeSpacing),
-                ],
-              ),
-          ],
+                          Spacing.smallVertical(),
+                          Padding(
+                            padding: PaddingLeft(),
+                            child: Wrap(
+                              spacing: Spacing.mediumSpacing,
+                              runSpacing: Spacing.mediumSpacing,
+                              children: [
+                                for (final slot in timespan.value)
+                                  SizedBox(
+                                    key: ValueKey(slot),
+                                    width: 300,
+                                    child: SlotWidget(slot: slot, date: group.key.nextDate),
+                                  ),
+                              ],
+                            ).stretch(),
+                          ),
+                        ],
+                      ).paddingOnly(bottom: Spacing.largeSpacing),
+                  ],
+                ),
+            ],
+          ),
         ),
       ),
     );

lib/src/slots/presentation/widgets/edit_slot_dialog.dart

@@ -64,7 +64,7 @@ class _EditSlotDialogState extends State<EditSlotDialog> {
     end = widget.slot?.endUnit;
 
     supervisors = List.of(widget.slot?.supervisors ?? []);
-    size = widget.slot?.size ?? 18; //TODO(mastermarcohd): request default size from backend;
+    size = widget.slot?.size ?? 18; // TODO(mastermarcohd): request default size from backend;
     mappings = List.of(widget.slot?.mappings ?? []);
     courseMappings = mappings.map((m) => MappingElement(mappingId: m.id, courseId: m.courseId, vintage: m.vintage)).toList();
     if (courseMappings.isEmpty) courseMappings.add(MappingElement());