Bug fixes

packages/app/src/Element/NoteCreator.css

@@ -109,12 +109,18 @@
   border-radius: 100%;
   position: fixed;
   bottom: 50px;
-  right: 16px;
+  right: calc(((100vw - 640px) / 2) - 60px);
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
+@media (max-width: 768px) {
+  .note-create-button {
+    right: 16px;
+  }
+}
+
 .note-creator-modal .modal-body {
   background: var(--modal-bg-color);
 }

packages/app/src/Element/Thread.tsx

@@ -375,7 +375,7 @@ export default function Thread() {
   });
   return (
     <>
-      <div className="main-content">
+      <div className="main-content p">
         <BackButton onClick={goBack} text={parent ? parentText : backText} />
       </div>
       <div className="main-content">

packages/app/src/Element/ZapGoal.tsx

@@ -10,7 +10,7 @@ export function ZapGoal({ ev }: { ev: NostrEvent }) {
   const zaps = useZapsFeed(createNostrLink(NostrPrefix.Note, ev.id));
   const target = Number(findTag(ev, "amount"));
   const amount = zaps.reduce((acc, v) => (acc += v.amount * 1000), 0);
-  const progress = Math.min(100, 100 * (amount / target));
+  const progress = 100 * (amount / target);
 
   return (
     <div className="zap-goal card">
@@ -29,7 +29,7 @@ export function ZapGoal({ ev }: { ev: NostrEvent }) {
         <div
           style={
             {
-              "--progress": `${progress}%`,
+              "--progress": `${Math.min(100, progress)}%`,
             } as CSSProperties
           }></div>
       </div>