From 825cca2d8d8d91235c2082321e41e7ae130c3164 Mon Sep 17 00:00:00 2001
From: ahtesham-quraish <ahtesham.quraish@gmail.com>
Date: Thu, 17 Aug 2023 12:41:28 +0500
Subject: [PATCH] fix: buttons are stacked in modal window

Description:
We have stacked the buttons those come in modal window
VAN-1601
---
 src/components/ModalView/index.jsx  |  2 ++
 src/components/ModalView/index.scss | 13 +++++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 src/components/ModalView/index.scss

diff --git a/src/components/ModalView/index.jsx b/src/components/ModalView/index.jsx
index df55850..7f1a403 100644
--- a/src/components/ModalView/index.jsx
+++ b/src/components/ModalView/index.jsx
@@ -5,6 +5,8 @@ import { ModalDialog, ActionRow, Button } from '@edx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import messages from './messages';
 
+import './index.scss';
+
 export const ModalView = ({
   isOpen,
   onClose,
diff --git a/src/components/ModalView/index.scss b/src/components/ModalView/index.scss
new file mode 100644
index 0000000..751b169
--- /dev/null
+++ b/src/components/ModalView/index.scss
@@ -0,0 +1,13 @@
+@import "@edx/paragon/scss/core/core";
+
+@media (max-width: 464px) {
+    .pgn__action-row{
+        flex-direction: column;
+        gap: 5px;
+        button {
+            width: 100%;
+        }
+    }
+}
+
+