From 1f82d38acb973a6cb292d7c98461ff0d3711dfc3 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Wed, 29 Nov 2023 15:09:46 +0200
Subject: [PATCH] img grid paddings

---
 packages/app/src/Element/Event/NoteReaction.tsx     | 2 +-
 packages/app/src/Element/Feed/DisplayAsSelector.tsx | 2 +-
 packages/app/src/Element/Feed/TimelineRenderer.tsx  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/app/src/Element/Event/NoteReaction.tsx b/packages/app/src/Element/Event/NoteReaction.tsx
index 8c11ad2f..cf6666c0 100644
--- a/packages/app/src/Element/Event/NoteReaction.tsx
+++ b/packages/app/src/Element/Event/NoteReaction.tsx
@@ -86,7 +86,7 @@ export default function NoteReaction(props: NoteReactionProps) {
           }}
         />
       </div>
-      {root ? <Note data={root} options={opt} related={[]} depth={props.depth} /> : null}
+      {root ? <Note truncate={true} data={root} options={opt} related={[]} depth={props.depth} /> : null}
       {!root && refEvent ? (
         <p>
           <Link to={eventLink(refEvent[1] ?? "", refEvent[2])}>
diff --git a/packages/app/src/Element/Feed/DisplayAsSelector.tsx b/packages/app/src/Element/Feed/DisplayAsSelector.tsx
index b26ede1f..1cc091a2 100644
--- a/packages/app/src/Element/Feed/DisplayAsSelector.tsx
+++ b/packages/app/src/Element/Feed/DisplayAsSelector.tsx
@@ -21,7 +21,7 @@ export const DisplayAsSelector = ({ activeSelection, onSelect, show }: DisplaySe
 
   if (show === false) return null;
   return (
-    <div className="flex mb-4">
+    <div className="flex mb-px md:mb-1">
       <div
         className={`border-highlight cursor-pointer flex justify-center flex-1 p-3 ${
           activeSelection === "list" ? "border-b border-1" : "hover:bg-nearly-bg-color text-secondary"
diff --git a/packages/app/src/Element/Feed/TimelineRenderer.tsx b/packages/app/src/Element/Feed/TimelineRenderer.tsx
index 5ba00fb3..099f96d3 100644
--- a/packages/app/src/Element/Feed/TimelineRenderer.tsx
+++ b/packages/app/src/Element/Feed/TimelineRenderer.tsx
@@ -67,7 +67,7 @@ export function TimelineRenderer(props: TimelineRendererProps) {
     const noteRenderer = props.noteRenderer || noteImageRenderer;
 
     return props.frags.map(frag => (
-      <div className="grid grid-cols-3 gap-px md:gap-1 p-0 md:p-1">{frag.events.map(event => noteRenderer(event))}</div>
+      <div className="grid grid-cols-3 gap-px md:gap-1">{frag.events.map(event => noteRenderer(event))}</div>
     ));
   };