QF-1112, QF-1111 update embedded iframe styling

quran · Nov 10, 2024 · 7609f1e · 7609f1e
1 parent ec4a952
commit 7609f1e
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/MarkdownEditor/MarkdownEditor.module.scss b/src/components/MarkdownEditor/MarkdownEditor.module.scss
@@ -81,6 +81,10 @@
         margin: auto;
         max-width: 100%;
     }
+    iframe {
+        display: block; // Makes iframe a block element, ensuring it's on a new line
+        margin: var(--spacing-medium) auto; // Centers the iframe and adds vertical spacing
+    }
 }
 .content {
     flex: 1 1 auto;