feat: style buttons vertically

src/components/organisms/BrowserWindow.tsx

@@ -234,23 +234,31 @@ export const BrowserWindow = () => {
     return (
         <div onClick={handleClick}>
             {
-                getText === true || getList === true ? (
+    getText === true || getList === true ? (
-                    <GenericModal
+        <GenericModal
-                        isOpen={showAttributeModal}
+            isOpen={showAttributeModal}
-                        onClose={() => { }}
+            onClose={() => { }}
-                        canBeClosed={false}
+            canBeClosed={false}
-                    >
+        >
-                        <div>
+            <div>
-                            <h2>Select Attribute</h2>
+                <h2>Select Attribute</h2>
-                            {attributeOptions.map((option) => (
+                <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>
-                                <Button variant="outlined" size="medium" key={option.value} onClick={() => handleAttributeSelection(option.value)}>
+                    {attributeOptions.map((option) => (
-                                    {option.label}
+                        <Button
-                                </Button>
+                            variant="outlined"
-                            ))}
+                            size="medium"
-                        </div>
+                            key={option.value}
-                    </GenericModal>
+                            onClick={() => handleAttributeSelection(option.value)}
-                ) : null
+                        >
-            }
+                            {option.label}
+                        </Button>
+                    ))}
+                </div>
+            </div>
+        </GenericModal>
+    ) : null
+}
+
             {((getText === true || getList === true) && !showAttributeModal && highlighterData?.rect != null && highlighterData?.rect.top != null) && canvasRef?.current ?
                 <Highlighter
                     unmodifiedRect={highlighterData?.rect}