From 4f7152d3e01647dc074e21d85eb49dbd66bc796e Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Fri, 8 Dec 2023 10:02:49 +0200
Subject: [PATCH] layout, full width gallery on mobile

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

diff --git a/packages/app/src/Element/Event/NoteInner.tsx b/packages/app/src/Element/Event/NoteInner.tsx
index 846ed481..7d386a94 100644
--- a/packages/app/src/Element/Event/NoteInner.tsx
+++ b/packages/app/src/Element/Event/NoteInner.tsx
@@ -371,9 +371,9 @@ export function NoteInner(props: NoteProps) {
           {translation()}
           {pollOptions()}
           {options.showReactionsLink && (
-            <div className="reactions-link cursor-pointer" onClick={() => setShowReactions(true)}>
+            <span className="reactions-link cursor-pointer" onClick={() => setShowReactions(true)}>
               <FormattedMessage {...messages.ReactionsLink} values={{ n: totalReactions }} />
-            </div>
+            </span>
           )}
         </div>
         {options.showFooter && (
diff --git a/packages/app/src/Element/Text.css b/packages/app/src/Element/Text.css
index 06c67edb..ec1caf82 100644
--- a/packages/app/src/Element/Text.css
+++ b/packages/app/src/Element/Text.css
@@ -39,7 +39,6 @@
   list-style: none;
   padding: 0;
   -webkit-overflow-scrolling: touch;
-  margin: 10px 0;
 }
 
 .gallery-item {
diff --git a/packages/app/src/Element/Text.tsx b/packages/app/src/Element/Text.tsx
index 0bb8544b..9f3fa1ef 100644
--- a/packages/app/src/Element/Text.tsx
+++ b/packages/app/src/Element/Text.tsx
@@ -210,7 +210,7 @@ export default function Text({
               };
             });
             const gallery = (
-              <div className="gallery">
+              <div className="-mx-4 md:mx-0 my-2 gallery">
                 {imagesWithGridConfig.map(img => (
                   <div
                     key={img.content}