From 9de454d4917f66add060778eff6f8a77dd1ec629 Mon Sep 17 00:00:00 2001
From: april <aprl.petersen@gmail.com>
Date: Thu, 4 Jan 2024 10:05:08 -0600
Subject: [PATCH] Fix flight load error display

---
 web/app/routes/logbook.flights.$id/route.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/app/routes/logbook.flights.$id/route.tsx b/web/app/routes/logbook.flights.$id/route.tsx
index 1adfb7d..d08d7d4 100644
--- a/web/app/routes/logbook.flights.$id/route.tsx
+++ b/web/app/routes/logbook.flights.$id/route.tsx
@@ -13,10 +13,15 @@ export default function Flight() {
   });
 
   return (
-    <Container py="xl">
-      <Stack h="calc(100vh - 95px)" m="0" p="0">
+    <Container>
+      <Stack h="calc(100vh - 95px)">
         {flight.isError ? (
-          <Text c="red">Error fetching flight</Text>
+          <Stack align="center" justify="center" h="100%" m="0" p="0">
+            <Text c="red">
+              <IconAlertTriangle size="3rem" />
+            </Text>
+            <Text c="red">Error fetching flight</Text>
+          </Stack>
         ) : flight.isPending ? (
           <Center h="100%">
             <Loader />