From 65e431cebe7207c00ae0b17712c8dbd580f44ec1 Mon Sep 17 00:00:00 2001
From: Ihor Romaniuk <ihor.romaniuk@raccoongang.com>
Date: Wed, 25 Sep 2024 13:49:31 +0200
Subject: [PATCH] fix: layout responsive for edit page (#1058)

---
 src/editors/EditorContainer.scss | 29 +++++++++++++++++++++++++++++
 src/index.scss                   |  1 +
 2 files changed, 30 insertions(+)
 create mode 100644 src/editors/EditorContainer.scss

diff --git a/src/editors/EditorContainer.scss b/src/editors/EditorContainer.scss
new file mode 100644
index 000000000..40c69bd50
--- /dev/null
+++ b/src/editors/EditorContainer.scss
@@ -0,0 +1,29 @@
+.editor-page {
+  .pgn__modal-body {
+    @include media-breakpoint-down(xs) {
+      padding-left: 10px;
+      padding-right: 10px;
+    }
+  }
+
+  .pgn-transition-replace-group .bg-light-300 {
+    @include media-breakpoint-down(xs) {
+      padding: 5px !important;
+    }
+  }
+
+  .pgn__form-control-set .pgn__action-row {
+    @include media-breakpoint-down(xs) {
+      flex-flow: column wrap;
+      align-items: flex-start;
+      justify-content: flex-start;
+      gap: 8px;
+    }
+  }
+}
+
+.pgn__modal.pgn__modal-scroll-fullscreen {
+  @include media-breakpoint-down(xs) {
+    margin: 0;
+  }
+}
diff --git a/src/index.scss b/src/index.scss
index 5409c7085..26371f4d6 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -17,6 +17,7 @@
 @import "course-updates/CourseUpdates";
 @import "export-page/CourseExportPage";
 @import "import-page/CourseImportPage";
+@import "editors/EditorContainer";
 @import "taxonomy";
 @import "files-and-videos";
 @import "content-tags-drawer";