UI change

2025-03-18 16:26:35 +05:30
parent 84c848109f
commit 8b4d373b6a
1 changed files with 11 additions and 3 deletions
@@ -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>
  );