From 3af12b431b9dbd87b68cb9bbc85169b052e493e2 Mon Sep 17 00:00:00 2001
From: Ryderjj89 <raiden89@live.com>
Date: Wed, 4 Jun 2025 18:45:50 -0400
Subject: [PATCH] Rearranging event details & more width for view/manage pages

---
 frontend/src/components/EventAdmin.tsx | 18 +++++++++---------
 frontend/src/components/EventView.tsx  | 20 ++++++++++----------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/frontend/src/components/EventAdmin.tsx b/frontend/src/components/EventAdmin.tsx
index 273a1fa..5aa77d4 100644
--- a/frontend/src/components/EventAdmin.tsx
+++ b/frontend/src/components/EventAdmin.tsx
@@ -729,7 +729,7 @@ const EventAdmin: React.FC = () => {
 
   if (loading) {
     return (
-      <Container maxWidth="lg">
+      <Container maxWidth="xl">
         <Typography>Loading...</Typography>
       </Container>
     );
@@ -737,7 +737,7 @@ const EventAdmin: React.FC = () => {
 
   if (error || !event) {
     return (
-      <Container maxWidth="lg">
+      <Container maxWidth="xl">
         <Typography color="error">{error || 'Event not found'}</Typography>
       </Container>
     );
@@ -763,7 +763,7 @@ const EventAdmin: React.FC = () => {
       }}
     >
       <Box sx={{ py: 4 }}>
-        <Container maxWidth="lg">
+        <Container maxWidth="xl">
           <Paper elevation={3} sx={{ p: { xs: 2, sm: 4 }, mt: 4 }}>
             <Box sx={{ mb: 4 }}>
               <Typography variant="h4" component="h2" color="primary" gutterBottom>
@@ -826,16 +826,16 @@ const EventAdmin: React.FC = () => {
               <Typography variant="subtitle1" gutterBottom>
                 <strong>Info:</strong> {event.description || 'None'}
               </Typography>
-              <Typography variant="subtitle1" gutterBottom>
-                <strong>Location:</strong> {event.location}
-              </Typography>
               <Typography variant="subtitle1" gutterBottom>
                 <strong>Date:</strong> {new Date(event.date).toLocaleString()}
               </Typography>
+              <Typography variant="subtitle1" gutterBottom>
+                <strong>Location:</strong> {event.location}
+              </Typography>
               {event.rsvp_cutoff_date && (
-                <Typography variant="subtitle1" gutterBottom>
-                  <strong>RSVP cut-off date:</strong> {new Date(event.rsvp_cutoff_date).toLocaleString()}
-                </Typography>
+              <Typography variant="subtitle1" gutterBottom>
+                <strong>RSVP cut-off date:</strong> {new Date(event.rsvp_cutoff_date).toLocaleString()}
+              </Typography>
               )}
             </Box>
 
diff --git a/frontend/src/components/EventView.tsx b/frontend/src/components/EventView.tsx
index c472774..248af5f 100644
--- a/frontend/src/components/EventView.tsx
+++ b/frontend/src/components/EventView.tsx
@@ -126,7 +126,7 @@ const EventView: React.FC = () => {
 
   if (loading) {
     return (
-      <Container maxWidth="lg">
+      <Container maxWidth="xl">
         <Typography>Loading...</Typography>
       </Container>
     );
@@ -134,7 +134,7 @@ const EventView: React.FC = () => {
 
   if (error || !event) {
     return (
-      <Container maxWidth="lg">
+      <Container maxWidth="xl">
         <Typography color="error">{error || 'Event not found'}</Typography>
       </Container>
     );
@@ -160,7 +160,7 @@ const EventView: React.FC = () => {
       }}
     >
       <Box sx={{ py: 4 }}>
-        <Container maxWidth="lg">
+        <Container maxWidth="xl">
           <Paper elevation={3} sx={{ p: { xs: 2, sm: 4 }, mt: 4 }}>
             <Box sx={{ mb: 4 }}>
               <Typography variant="h4" component="h2" color="primary" gutterBottom>
@@ -189,16 +189,16 @@ const EventView: React.FC = () => {
               <Typography variant="subtitle1" gutterBottom>
                 <strong>Info:</strong> {event.description || 'None'}
               </Typography>
-              <Typography variant="subtitle1" gutterBottom>
-                <strong>Location:</strong> {event.location}
-              </Typography>
               <Typography variant="subtitle1" gutterBottom>
                 <strong>Date:</strong> {new Date(event.date).toLocaleString()}
               </Typography>
+              <Typography variant="subtitle1" gutterBottom>
+                <strong>Location:</strong> {event.location}
+              </Typography>
               {event.rsvp_cutoff_date && (
-                <Typography variant="subtitle1" gutterBottom>
-                  <strong>RSVP cut-off date:</strong> {new Date(event.rsvp_cutoff_date).toLocaleString()}
-                </Typography>
+              <Typography variant="subtitle1" gutterBottom>
+                <strong>RSVP cut-off date:</strong> {new Date(event.rsvp_cutoff_date).toLocaleString()}
+              </Typography>
               )}
             </Box>
 
@@ -350,4 +350,4 @@ const EventView: React.FC = () => {
   );
 };
 
-export default EventView; 
\ No newline at end of file
+export default EventView;