layout, full width gallery on mobile

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 && (

packages/app/src/Element/Text.css

@@ -39,7 +39,6 @@
   list-style: none;
   padding: 0;
   -webkit-overflow-scrolling: touch;
-  margin: 10px 0;
 }
 
 .gallery-item {

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}