From 86cb5e058711633bd4fa45faabcac699020386e5 Mon Sep 17 00:00:00 2001
From: oobabooga <112222186+oobabooga@users.noreply.github.com>
Date: Mon, 7 Jul 2025 21:02:19 -0700
Subject: [PATCH] Standardize margins and paddings across all chat styles

---
 css/chat_style-Dark.css            | 28 ++++++++++++++++++++++++++-
 css/chat_style-TheEncrypted777.css | 28 ++++++++++++++++++++++++++-
 css/chat_style-cai-chat.css        | 31 ++++++++++++++++++++++++++----
 css/chat_style-messenger.css       | 28 ++++++++++++++++++++++++++-
 css/chat_style-wpp.css             | 27 ++++++++++++++++++++++++--
 css/html_readable_style.css        | 28 ++++++++++++++++++++++++---
 6 files changed, 158 insertions(+), 12 deletions(-)

diff --git a/css/chat_style-Dark.css b/css/chat_style-Dark.css
index 6a4784cc..aae82f8b 100644
--- a/css/chat_style-Dark.css
+++ b/css/chat_style-Dark.css
@@ -91,7 +91,6 @@
 }
 
 .message-body p {
-    margin-bottom: 0 !important;
     font-size: 16px !important;
     line-height: 1.5 !important;
     color: #e0e0e0 !important; /* Light color for text */
@@ -129,3 +128,30 @@
         font-size: 18px; /* Smaller username for mobile */
     }
 }
+
+/* Standard spacing */
+.chat .message-body :is(p, ul, ol) {
+    margin: 1.25em 0 !important;
+}
+
+.chat .message-body :is(p, ul, ol):first-child {
+    margin-top: 0 !important;
+}
+
+.chat .message-body :is(p, ul, ol):last-child {
+    margin-bottom: 0 !important;
+}
+
+.chat .message-body ul, .chat .message-body ol {
+    padding-inline-start: 2em;
+}
+
+.message-body li {
+    list-style-position: outside;
+    margin-top: 0.5em !important;
+    margin-bottom: 0.5em !important;
+}
+
+.message-body li > p {
+    display: inline !important;
+}
diff --git a/css/chat_style-TheEncrypted777.css b/css/chat_style-TheEncrypted777.css
index fbd47072..7f37377d 100644
--- a/css/chat_style-TheEncrypted777.css
+++ b/css/chat_style-TheEncrypted777.css
@@ -87,7 +87,6 @@
 }
 
 .message-body p {
-    margin-bottom: 0 !important;
     font-size: 18px !important;
     line-height: 1.428571429 !important;
     color: rgb(243 244 246) !important;
@@ -135,3 +134,30 @@
         font-size: 20px;
     }
 }
+
+/* Standard spacing */
+.chat .message-body :is(p, ul, ol) {
+    margin: 1.25em 0 !important;
+}
+
+.chat .message-body :is(p, ul, ol):first-child {
+    margin-top: 0 !important;
+}
+
+.chat .message-body :is(p, ul, ol):last-child {
+    margin-bottom: 0 !important;
+}
+
+.chat .message-body ul, .chat .message-body ol {
+    padding-inline-start: 2em;
+}
+
+.message-body li {
+    list-style-position: outside;
+    margin-top: 0.5em !important;
+    margin-bottom: 0.5em !important;
+}
+
+.message-body li > p {
+    display: inline !important;
+}
diff --git a/css/chat_style-cai-chat.css b/css/chat_style-cai-chat.css
index b06b1269..d2e8f44a 100644
--- a/css/chat_style-cai-chat.css
+++ b/css/chat_style-cai-chat.css
@@ -52,10 +52,6 @@
     font-weight: 500;
 }
 
-.message-body p, .chat .message-body ul, .chat .message-body ol {
-    margin-bottom: 10px !important;
-}
-
 .dark .message-body p em {
     color: rgb(138 138 138) !important;
 }
@@ -64,3 +60,30 @@
     color: rgb(110 110 110) !important;
     font-weight: 500;
 }
+
+/* Standard spacing */
+.chat .message-body :is(p, ul, ol) {
+    margin: 1.25em 0 !important;
+}
+
+.chat .message-body :is(p, ul, ol):first-child {
+    margin-top: 0 !important;
+}
+
+.chat .message-body :is(p, ul, ol):last-child {
+    margin-bottom: 0 !important;
+}
+
+.chat .message-body ul, .chat .message-body ol {
+    padding-inline-start: 2em;
+}
+
+.message-body li {
+    list-style-position: outside;
+    margin-top: 0.5em !important;
+    margin-bottom: 0.5em !important;
+}
+
+.message-body li > p {
+    display: inline !important;
+}
diff --git a/css/chat_style-messenger.css b/css/chat_style-messenger.css
index 65af5f7a..a6189a4a 100644
--- a/css/chat_style-messenger.css
+++ b/css/chat_style-messenger.css
@@ -86,7 +86,6 @@
 }
 
 .message-body p {
-    margin-bottom: 0 !important;
     font-size: 15px !important;
     line-height: 1.428571429 !important;
     font-weight: 500;
@@ -99,3 +98,30 @@
 .message-body p em {
     color: rgb(110 110 110) !important;
 }
+
+/* Standard spacing */
+.chat .message-body :is(p, ul, ol) {
+    margin: 1.25em 0 !important;
+}
+
+.chat .message-body :is(p, ul, ol):first-child {
+    margin-top: 0 !important;
+}
+
+.chat .message-body :is(p, ul, ol):last-child {
+    margin-bottom: 0 !important;
+}
+
+.chat .message-body ul, .chat .message-body ol {
+    padding-inline-start: 2em;
+}
+
+.message-body li {
+    list-style-position: outside;
+    margin-top: 0.5em !important;
+    margin-bottom: 0.5em !important;
+}
+
+.message-body li > p {
+    display: inline !important;
+}
diff --git a/css/chat_style-wpp.css b/css/chat_style-wpp.css
index b2ac4d2a..c86e577d 100644
--- a/css/chat_style-wpp.css
+++ b/css/chat_style-wpp.css
@@ -100,6 +100,29 @@
     margin-top: 8px;
 }
 
-.message-body p, .chat .message-body ul, .chat .message-body ol {
-    margin-bottom: 10px !important;
+/* Standard spacing */
+.chat .message-body :is(p, ul, ol) {
+    margin: 1.25em 0 !important;
+}
+
+.chat .message-body :is(p, ul, ol):first-child {
+    margin-top: 0 !important;
+}
+
+.chat .message-body :is(p, ul, ol):last-child {
+    margin-bottom: 0 !important;
+}
+
+.chat .message-body ul, .chat .message-body ol {
+    padding-inline-start: 2em;
+}
+
+.message-body li {
+    list-style-position: outside;
+    margin-top: 0.5em !important;
+    margin-bottom: 0.5em !important;
+}
+
+.message-body li > p {
+    display: inline !important;
 }
diff --git a/css/html_readable_style.css b/css/html_readable_style.css
index 760649d6..74a913e9 100644
--- a/css/html_readable_style.css
+++ b/css/html_readable_style.css
@@ -11,9 +11,8 @@
 
 .readable-container p, .readable-container li {
     font-size: 16px !important;
-    color: #efefef !important;
-    margin-bottom: 22px;
     line-height: 1.4 !important;
+    color: #efefef !important;
 }
 
 .readable-container li > p {
@@ -30,4 +29,27 @@
 
 .readable-container .hoverable {
     font-size: 14px;
-}
\ No newline at end of file
+}
+
+/* Standard spacing */
+.readable-container :is(p, ul, ol) {
+    margin: 1.25em 0 !important;
+}
+
+.readable-container :is(p, ul, ol):first-child {
+    margin-top: 0 !important;
+}
+
+.readable-container :is(p, ul, ol):last-child {
+    margin-bottom: 0 !important;
+}
+
+.readable-container ul, .readable-container ol {
+    padding-inline-start: 2em;
+}
+
+.readable-container li {
+    list-style-position: outside;
+    margin-top: 0.5em !important;
+    margin-bottom: 0.5em !important;
+}