From 8b4d373b6a37ebee4a3cf22eefcd5f5f0aa4e536 Mon Sep 17 00:00:00 2001
From: Joel Mathew Thomas <90510078+joelmathewthomas@users.noreply.github.com>
Date: Tue, 18 Mar 2025 16:26:35 +0530
Subject: [PATCH] UI change

---
 client/src/Pages/ResultsPage.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/client/src/Pages/ResultsPage.tsx b/client/src/Pages/ResultsPage.tsx
index b2beb47..675b627 100644
--- a/client/src/Pages/ResultsPage.tsx
+++ b/client/src/Pages/ResultsPage.tsx
@@ -151,14 +151,22 @@ function ResultsPage() {
           </Grid>
         </Grid>
         
-        <Box sx={{ mt: 4, display: 'flex', justifyContent: 'space-between' }}>
+        <Box
+          sx={{
+            mt: 4,
+            display: 'flex',
+            justifyContent: 'space-between',
+            gap: 2, // Adds spacing between buttons
+            flexWrap: 'wrap', // Ensures better behavior on smaller screens
+          }}
+        >
           <Button variant="outlined" color="primary" onClick={() => navigate('/upload')}>
             Process Another File
           </Button>
-          <Button variant="contained" color="primary" onClick={() => navigate('/')}> 
+          <Button variant="contained" color="primary" onClick={() => navigate('/')}>
             Back to Home
           </Button>
-        </Box>
+      </Box>
       </Paper>
     </Container>
   );