Good enough note dialogue for now

Author: Braqzen

src/components/right-sidebar/noteDialogue.tsx

@@ -151,46 +151,44 @@ const NotesDialog = ({ open, event, onClose }: DialogProps) => {
             gap: 2,
           }}
         >
-          <Typography variant="h6" sx={{ fontWeight: "bold" }}>
+          <Typography
+            variant="h6"
+            sx={{ fontWeight: "bold", fontSize: "1.3rem" }}
+          >
             Event Information
           </Typography>
 
           <Box
             sx={{
               display: "grid",
               gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))",
-              gap: 1,
             }}
           >
-            <Typography>
+            <Typography sx={{ fontSize: "1.1rem" }}>
               <strong>Date:</strong> {event.date}
             </Typography>
-            <Typography>
+            <Typography sx={{ fontSize: "1.1rem" }}>
               <strong>Start Time:</strong> {event.start}
             </Typography>
-            <Typography>
+            <Typography sx={{ fontSize: "1.1rem" }}>
               <strong>Distance:</strong> {event.distance}
             </Typography>
-            <Typography>
+            <Typography sx={{ fontSize: "1.1rem" }}>
               <strong>Time:</strong> {event.time}
             </Typography>
-            <Typography>
+            <Typography sx={{ fontSize: "1.1rem" }}>
               <strong>Type:</strong> {event.type}
             </Typography>
-            <Typography>
-              <strong>Link:</strong>{" "}
+            <Typography sx={{ fontSize: "1.1rem" }}>
+              <strong>Link: </strong>
               <a href={event.link} target="_blank" rel="noopener noreferrer">
                 Website
               </a>
             </Typography>
           </Box>
 
           <Box sx={{ mt: 2 }}>
-            <Typography variant="subtitle1" sx={{ fontWeight: "bold", mb: 1 }}>
-              Ratings
-            </Typography>
-
-            <Box sx={{ display: "flex", flexWrap: "wrap", gap: 2 }}>
+            <Box sx={{ display: "flex", flexWrap: "wrap", gap: 5 }}>
               {[
                 { label: "Exertion", value: event.ratings.exertion },
                 {
@@ -204,7 +202,9 @@ const NotesDialog = ({ open, event, onClose }: DialogProps) => {
                   key={idx}
                   sx={{ display: "flex", flexDirection: "column" }}
                 >
-                  <Typography sx={{ fontWeight: "bold", mb: 0.5 }}>
+                  <Typography
+                    sx={{ fontWeight: "bold", mb: 0.75, fontSize: "1.1rem" }}
+                  >
                     {label}
                   </Typography>
                   <Rating rating={value} size="medium" />