From 4df6728a16e694b77a546d6100bc57588c180f4f Mon Sep 17 00:00:00 2001
From: SergeantPanda <chester.cullen@gmail.com>
Date: Tue, 8 Apr 2025 10:16:17 -0500
Subject: [PATCH] Add channel number to guide.

---
 frontend/src/pages/Guide.jsx | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/Guide.jsx b/frontend/src/pages/Guide.jsx
index ec1a77d8..0cfc4b87 100644
--- a/frontend/src/pages/Guide.jsx
+++ b/frontend/src/pages/Guide.jsx
@@ -354,14 +354,14 @@ export default function TVChannelGuide({ startDate, endDate }) {
                 borderBottom: '1px solid #4a5568',
               }}
             >
-              <Box
+              <Flex
+                direction="column"
+                align="center"
+                justify="center"
                 style={{
                   width: CHANNEL_WIDTH,
-                  display: 'flex',
-                  p: 1,
-                  justifyContent: 'center',
                   maxWidth: CHANNEL_WIDTH * 0.8,
-                  maxHeight: PROGRAM_HEIGHT * 0.8,
+                  maxHeight: PROGRAM_HEIGHT * 0.9,
                 }}
               >
                 <img
@@ -371,9 +371,23 @@ export default function TVChannelGuide({ startDate, endDate }) {
                     width: '100%',
                     height: 'auto',
                     objectFit: 'contain',
+                    maxHeight: PROGRAM_HEIGHT * 0.65,
                   }}
                 />
-              </Box>
+                <Text
+                  size="sm"
+                  weight={600}
+                  style={{
+                    marginTop: 4,
+                    backgroundColor: '#2C3E50',
+                    padding: '2px 6px',
+                    borderRadius: 4,
+                    fontSize: '0.85em'
+                  }}
+                >
+                  {channel.channel_number || '-'}
+                </Text>
+              </Flex>
             </Box>
           ))}
         </Box>