From a182d629035033d1abc11eb60aed31c3656c01ad Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 24 Oct 2024 06:24:55 +0530
Subject: [PATCH] feat: make buttons horizontally aligned

---
 .../molecules/IntegrationSettings.tsx         | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/molecules/IntegrationSettings.tsx b/src/components/molecules/IntegrationSettings.tsx
index ce9c07f5..f74c8fdf 100644
--- a/src/components/molecules/IntegrationSettings.tsx
+++ b/src/components/molecules/IntegrationSettings.tsx
@@ -162,22 +162,22 @@ export const IntegrationSettingsModal = ({ isOpen, handleStart, handleClose }: I
                                     <Typography color="error">{error}</Typography>
                                 ) : spreadsheets.length === 0 ? (
                                     <>
-                                        <Button
-                                            variant="contained"
-                                            color="primary"
-                                            onClick={fetchSpreadsheetFiles}
-                                            style={{ marginBottom: '15px' }}
-                                        >
-                                            Fetch Google Spreadsheets
-                                        </Button>
-                                        <Button
-                                            variant="outlined"
-                                            color="error"
-                                            onClick={removeIntegration}
-                                            style={{ marginTop: '15px' }}
-                                        >
-                                            Remove Integration
-                                        </Button>
+                                        <div style={{ display: 'flex', gap: '10px' }}>
+                                            <Button
+                                                variant="contained"
+                                                color="primary"
+                                                onClick={fetchSpreadsheetFiles}
+                                            >
+                                                Fetch Google Spreadsheets
+                                            </Button>
+                                            <Button
+                                                variant="outlined"
+                                                color="error"
+                                                onClick={removeIntegration}
+                                            >
+                                                Remove Integration
+                                            </Button>
+                                        </div>
                                     </>
                                 ) : (
                                     <>