From 4460397dafe66525d9150b487689bf52f2df57f0 Mon Sep 17 00:00:00 2001
From: DrMint <29893320+DrMint@users.noreply.github.com>
Date: Fri, 16 Aug 2024 10:27:23 +0200
Subject: [PATCH] Remove shifting on RTiimages

---
 .../RichText/components/RTUpload/components/RTImage.astro  | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/RichText/components/RTUpload/components/RTImage.astro b/src/components/RichText/components/RTUpload/components/RTImage.astro
index 5f87a1b..7c32041 100644
--- a/src/components/RichText/components/RTUpload/components/RTImage.astro
+++ b/src/components/RichText/components/RTUpload/components/RTImage.astro
@@ -1,6 +1,5 @@
 ---
 import type { RichTextContext } from "src/utils/richText";
-import OpenMediaPageButton from "./OpenMediaPageButton.astro";
 import { getI18n } from "src/i18n/i18n";
 import HeaderTitle from "components/HeaderTitle.astro";
 import { Icon } from "astro-icon/components";
@@ -47,7 +46,6 @@ const mediaPage = getLocalizedUrl(`/images/${id}`);
       loading="lazy"
     />
   </a>
-  <OpenMediaPageButton url={mediaPage} />
 </div>
 
 {/* ------------------------------------------- CSS -------------------------------------------- */}
@@ -55,11 +53,13 @@ const mediaPage = getLocalizedUrl(`/images/${id}`);
 <style>
   div {
     margin-block: 4em;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5em;
   }
 
   a {
     line-height: 0;
-    margin-bottom: 0.5em;
     border-radius: 16px;
     box-shadow: 0 5px 20px -10px var(--color-shadow-0);
     border-radius: 16px;
@@ -71,7 +71,6 @@ const mediaPage = getLocalizedUrl(`/images/${id}`);
     &:hover,
     &:focus-visible {
       scale: 102%;
-      margin-bottom: 1em;
     }
 
     max-height: 70vh;