From a5766b52729b230da741a21d418d20e72bcb6473 Mon Sep 17 00:00:00 2001
From: Praveen Murali <itspraveenmurali@gmail.com>
Date: Tue, 12 Nov 2024 15:49:42 +0530
Subject: [PATCH 1/4] Made the images responsive

---
 src/styles/editor/editor-content.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/styles/editor/editor-content.scss b/src/styles/editor/editor-content.scss
index 8460f43e..7e3563db 100644
--- a/src/styles/editor/editor-content.scss
+++ b/src/styles/editor/editor-content.scss
@@ -517,6 +517,11 @@
   .neeto-editor__image {
     display: inline-block;
     min-height: 52px;
+    max-width: 100%;
+
+    @media only screen and (max-width: 767px) {
+      height: auto !important;
+    }
 
     img,
     video {
@@ -582,6 +587,7 @@
     line-height: 1.4;
     font-weight: normal;
     color: #6b7280;
+    max-width: 100%;
   }
 }
 
@@ -653,4 +659,4 @@
       background-color: rgb(var(--neeto-editor-gray-300));
     }
   }
-}
+}
\ No newline at end of file

From 2597c0a163e98449dfaf5e88d4dbee6fada13dba Mon Sep 17 00:00:00 2001
From: Praveen Murali <itspraveenmurali@gmail.com>
Date: Tue, 12 Nov 2024 16:04:12 +0530
Subject: [PATCH 2/4] Fix figure caption alignment issue

---
 src/styles/editor/editor-content.scss | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/styles/editor/editor-content.scss b/src/styles/editor/editor-content.scss
index 7e3563db..a8b0fdbf 100644
--- a/src/styles/editor/editor-content.scss
+++ b/src/styles/editor/editor-content.scss
@@ -518,14 +518,13 @@
     display: inline-block;
     min-height: 52px;
     max-width: 100%;
-
-    @media only screen and (max-width: 767px) {
-      height: auto !important;
-    }
+    height: auto !important;
+    vertical-align: top !important;
 
     img,
     video {
       display: inline-block;
+      vertical-align: top !important;
       width: 100%;
       height: auto;
 

From f55482c0bedc0672d0e23e925b1919c62e05f812 Mon Sep 17 00:00:00 2001
From: Praveen Murali <itspraveenmurali@gmail.com>
Date: Tue, 12 Nov 2024 16:37:39 +0530
Subject: [PATCH 3/4] Made the embed responsive

---
 src/styles/editor/editor-content.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/styles/editor/editor-content.scss b/src/styles/editor/editor-content.scss
index a8b0fdbf..7833ab16 100644
--- a/src/styles/editor/editor-content.scss
+++ b/src/styles/editor/editor-content.scss
@@ -431,10 +431,13 @@
 
     .neeto-editor__video-iframe {
       display: inline-block;
+      vertical-align: top;
+      max-width: 100%;
+      height: auto !important;
 
       iframe {
-        height: 100%;
         width: 100%;
+        aspect-ratio: 16 / 9;
       }
     }
   }
@@ -510,6 +513,7 @@
   figure {
     position: relative;
     display: inline-block;
+    vertical-align: top;
     max-width: 100%;
     overflow: hidden;
   }
@@ -519,7 +523,7 @@
     min-height: 52px;
     max-width: 100%;
     height: auto !important;
-    vertical-align: top !important;
+    vertical-align: top;
 
     img,
     video {

From 9269e674865b8d2d8ac3b212b9f408d25563edc4 Mon Sep 17 00:00:00 2001
From: Praveen Murali <itspraveenmurali@gmail.com>
Date: Tue, 12 Nov 2024 17:14:03 +0530
Subject: [PATCH 4/4] Fix hr spacing

---
 src/styles/editor/_editor.scss        | 4 ----
 src/styles/editor/editor-content.scss | 4 ++++
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/styles/editor/_editor.scss b/src/styles/editor/_editor.scss
index 6a1115fe..79400fac 100644
--- a/src/styles/editor/_editor.scss
+++ b/src/styles/editor/_editor.scss
@@ -60,10 +60,6 @@
     }
   }
 
-  hr {
-    margin: 8px 0;
-  }
-
   .ProseMirror-selectednode {
     outline: 3px solid rgb(var(--neeto-ui-pastel-blue));
   }
diff --git a/src/styles/editor/editor-content.scss b/src/styles/editor/editor-content.scss
index 7833ab16..2a5449e4 100644
--- a/src/styles/editor/editor-content.scss
+++ b/src/styles/editor/editor-content.scss
@@ -93,6 +93,10 @@
   word-break: break-word;
   tab-size: 2;
 
+  hr {
+    margin: 0.5rem 0;
+  }
+
   .table-responsive {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;