From 4101b4f2e2d2ea52111f378f6d7609613a4fd397 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 25 Jul 2024 01:56:31 +0530
Subject: [PATCH] feat: vertical align

---
 src/components/organisms/RightSidePanel.tsx | 44 +++++++++++----------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index 5befe5e1..68679a42 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Button, MenuItem, Paper, Stack, Tabs, Tab } from "@mui/material";
+import { Button, MenuItem, Paper, Stack, Tabs, Tab, Box } from "@mui/material";
 import { Dropdown as MuiDropdown } from '../atoms/DropdownMui';
 import styled from "styled-components";
 import { ActionSettings } from "../molecules/ActionSettings";
@@ -83,27 +83,29 @@ export const RightSidePanel = ({ pairForEdit }: RightSidePanelProps) => {
         : null
       }
 
-      {!getText && !getScreenshot && (
-        <Button variant="contained" onClick={startGetText}>
-          Capture Text
-        </Button>
-      )}
-      {getText && (
-        <Button variant="contained" onClick={stopGetText}>
-          Stop Capture Text
-        </Button>
-      )}
+      <Box display="flex" flexDirection="column" gap={2} style={{ margin: '15px'}}>
+        {!getText && !getScreenshot && (
+          <Button variant="contained" onClick={startGetText}>
+            Capture Text
+          </Button>
+        )}
+        {getText && (
+          <Button variant="contained" onClick={stopGetText}>
+            Stop Capture Text
+          </Button>
+        )}
 
-      {!getText && !getScreenshot && (
-        <Button variant="contained" onClick={startGetScreenshot}>
-          Capture Screenshot
-        </Button>
-      )}
-      {getScreenshot && (
-        <Button variant="contained" onClick={stopGetScreenshot}>
-          Stop Capture Screenshot
-        </Button>
-      )}
+        {!getText && !getScreenshot && (
+          <Button variant="contained" onClick={startGetScreenshot}>
+            Capture Screenshot
+          </Button>
+        )}
+        {getScreenshot && (
+          <Button variant="contained" onClick={stopGetScreenshot}>
+            Stop Capture Screenshot
+          </Button>
+        )}
+      </Box>
     </Paper>
   );
 };