From 7d2609c94f62eaa3ce909a388271fd7ed92062c7 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 12 Jun 2024 18:10:51 +0200
Subject: [PATCH] Message: Fix styles in the link preview (#4599)

---
 src/components/middle/message/Message.scss          | 5 -----
 src/components/middle/message/MessageMeta.scss      | 2 +-
 src/components/middle/message/WebPage.scss          | 4 ++--
 src/components/middle/message/_message-content.scss | 2 +-
 4 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/components/middle/message/Message.scss b/src/components/middle/message/Message.scss
index 31e6f212c..fb7470c92 100644
--- a/src/components/middle/message/Message.scss
+++ b/src/components/middle/message/Message.scss
@@ -643,11 +643,6 @@
   }
 
   .message-content {
-    &.has-replies:not(.custom-shape):not(.has-reactions) .WebPage.with-square-photo .media-inner,
-    &.has-replies:not(.custom-shape):not(.has-reactions) .WebPage.with-video .media-inner {
-      margin-bottom: 1.5rem !important;
-    }
-
     &.has-replies:not(.custom-shape),
     &.text:not(.web-page) {
       .media-inner,
diff --git a/src/components/middle/message/MessageMeta.scss b/src/components/middle/message/MessageMeta.scss
index 6002c5992..31b05e2ff 100644
--- a/src/components/middle/message/MessageMeta.scss
+++ b/src/components/middle/message/MessageMeta.scss
@@ -153,7 +153,7 @@
   }
 
   .message-content.has-replies.text:not(.custom-shape) & {
-    bottom: 3.4375rem;
+    bottom: 3.1875rem;
   }
 
   &[dir="rtl"] {
diff --git a/src/components/middle/message/WebPage.scss b/src/components/middle/message/WebPage.scss
index 0c539d5b3..d3adaf220 100644
--- a/src/components/middle/message/WebPage.scss
+++ b/src/components/middle/message/WebPage.scss
@@ -1,7 +1,7 @@
 .WebPage {
   margin-top: 0.25rem;
   margin-bottom: 0.125rem;
-  padding: 0.375rem;
+  padding: 0.1875rem;
   font-size: calc(var(--message-text-size, 1rem) - 0.125rem);
   line-height: 1.125rem;
   max-width: 29rem;
@@ -182,7 +182,7 @@
 
   .site-description {
     line-height: 1.25;
-    margin-bottom: 0;
+    margin-bottom: 0.125rem;
 
     body.is-ios & {
       line-height: 1.125rem;
diff --git a/src/components/middle/message/_message-content.scss b/src/components/middle/message/_message-content.scss
index 6194bd9e3..510fe3393 100644
--- a/src/components/middle/message/_message-content.scss
+++ b/src/components/middle/message/_message-content.scss
@@ -596,7 +596,7 @@
   // Moved below `.has-subheader` to overwrite its styles
   &.text .media-inner,
   &.text .Album {
-    margin-bottom: 0.375rem;
+    margin-bottom: 0.375rem !important;
 
     body.is-ios .Message.own & {
       margin-bottom: 0.375rem;