UI fixes (#318)

resolves #306

packages/app/src/Element/Reactions.tsx

@@ -6,6 +6,7 @@ import { useIntl, FormattedMessage } from "react-intl";
 import { TaggedRawEvent } from "@snort/nostr";
 
 import { formatShort } from "Number";
+import Repost from "Icons/Repost";
 import Dislike from "Icons/Dislike";
 import Heart from "Icons/Heart";
 import ZapIcon from "Icons/Zap";
@@ -119,7 +120,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio
               return (
                 <div key={ev.id} className="reactions-item">
                   <div className="reaction-icon">
-                    <Heart width={20} height={18} />
+                    <Repost width={16} height={16} />
                   </div>
                   <ProfileImage autoWidth={false} pubkey={ev.pubkey} />
                 </div>

packages/app/src/Element/Text.css

@@ -1,12 +1,15 @@
 .text {
   font-size: var(--font-size);
   line-height: 24px;
+  white-space: pre-wrap;
+  word-break: break-word;
 }
 
 .text a {
   color: var(--highlight);
   text-decoration: none;
 }
+
 .text a:hover {
   text-decoration: underline;
 }