fix long zap comment text overflow (#344)

packages/app/src/Element/Reactions.css

@@ -92,6 +92,10 @@
   line-height: 17px;
 }
 
+.reactions-item .zap-comment {
+  width: 332px;
+}
+
 @media (max-width: 520px) {
   .reactions-view .tab.disabled {
     display: none;

packages/app/src/Element/Reactions.tsx

@@ -113,7 +113,11 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
                     <ProfileImage
                       autoWidth={false}
                       pubkey={z.anonZap ? "" : z.zapper}
-                      subHeader={<>{z.content}</>}
+                      subHeader={
+                        <div className="f-ellipsis zap-comment" title={z.content}>
+                          {z.content}
+                        </div>
+                      }
                       overrideUsername={z.anonZap ? formatMessage({ defaultMessage: "Anonymous" }) : undefined}
                     />
                   </div>