From 15fb4cabdf4b838522d42ffedf96c30bc2076dc9 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Mon, 9 Oct 2023 16:06:47 +0300
Subject: [PATCH] css selector based margin-top

---
 packages/app/src/Element/Text.css | 4 ++++
 packages/app/src/Element/Text.tsx | 9 ---------
 2 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/packages/app/src/Element/Text.css b/packages/app/src/Element/Text.css
index 4a458edb..8dbbbffe 100644
--- a/packages/app/src/Element/Text.css
+++ b/packages/app/src/Element/Text.css
@@ -113,3 +113,7 @@
   height: 100%;
   display: block;
 }
+
+.gallery:not(:first-child), img:not(:first-child), video:not(:first-child), .link-preview-container:not(:first-child) {
+  margin-top: 10px;
+}
\ No newline at end of file
diff --git a/packages/app/src/Element/Text.tsx b/packages/app/src/Element/Text.tsx
index c96640c5..31fea6dc 100644
--- a/packages/app/src/Element/Text.tsx
+++ b/packages/app/src/Element/Text.tsx
@@ -170,9 +170,6 @@ export default function Text({
       }
 
       if (element.type === "media" && element.mimeType?.startsWith("image")) {
-        if (i > 0) {
-          chunks.push(<div className="mt10" />);
-        }
         if (disableMedia ?? false) {
           chunks.push(<DisableMedia content={element.content} />);
         } else {
@@ -234,9 +231,6 @@ export default function Text({
         element.type === "media" &&
         (element.mimeType?.startsWith("audio") || element.mimeType?.startsWith("video"))
       ) {
-        if (i > 0) {
-          chunks.push(<div className="mt10" />);
-        }
         if (disableMedia ?? false) {
           chunks.push(<DisableMedia content={element.content} />);
         } else {
@@ -253,9 +247,6 @@ export default function Text({
         chunks.push(<CashuNuts token={element.content} />);
       }
       if (element.type === "link" || (element.type === "media" && element.mimeType?.startsWith("unknown"))) {
-        if (i > 0 && !disableLinkPreview) {
-          chunks.push(<div className="mt10" />);
-        }
         chunks.push(
           <HyperText link={element.content} depth={depth} showLinkPreview={!(disableLinkPreview ?? false)} />,
         );