Fix modal UI paddings

src/element/new-goal.tsx

@@ -58,7 +58,7 @@ export function NewGoalDialog({ link }: NewGoalDialogProps) {
       <Dialog.Portal>
         <Dialog.Overlay className="dialog-overlay" />
         <Dialog.Content className="dialog-content">
-          <div className="new-goal">
+          <div className="new-goal content-inner">
             <div className="zap-goals">
               <Icon name="zap-filled" className="stream-zap-goals-icon" size={16} />
               <h3>

src/element/send-zap.tsx

@@ -129,7 +129,7 @@ export function SendZaps({ lnurl, pubkey, aTag, eTag, targetName, onFinish }: Se
         </div>
         <div>
           <small>
-            <FormattedMessage defaultMessage="Zap amount in {currency}" values={{ amount: isFiat ? "USD" : "sats" }} />
+            <FormattedMessage defaultMessage="Zap amount in {currency}" values={{ currency: isFiat ? "USD" : "SATS" }} />
           </small>
           <div className="amounts">
             {(isFiat ? usdAmounts : satsAmounts).map(a => (
@@ -206,7 +206,9 @@ export function SendZapsDialog(props: Omit<SendZapsProps, "onFinish">) {
       <Dialog.Portal>
         <Dialog.Overlay className="dialog-overlay" />
         <Dialog.Content className="dialog-content">
+          <div className="content-inner">
             <SendZaps {...props} onFinish={() => setIsOpen(false)} />
+          </div>
         </Dialog.Content>
       </Dialog.Portal>
     </Dialog.Root>

src/element/share-menu.tsx

@@ -56,6 +56,7 @@ export function ShareMenu({ ev }: { ev: NostrEvent }) {
         <Dialog.Portal>
           <Dialog.Overlay className="dialog-overlay" />
           <Dialog.Content className="dialog-content">
+            <div className="content-inner">
               <h2>
                 <FormattedMessage defaultMessage="Share" />
               </h2>
@@ -73,6 +74,7 @@ export function ShareMenu({ ev }: { ev: NostrEvent }) {
               <AsyncButton className="btn btn-primary" onClick={sendMessage}>
                 <FormattedMessage defaultMessage="Send" />
               </AsyncButton>
+            </div>
           </Dialog.Content>
         </Dialog.Portal>
       </Dialog.Root>

src/element/stream-cards.tsx

@@ -312,6 +312,7 @@ function EditCard({ card, cards }: EditCardProps) {
       <Dialog.Portal>
         <Dialog.Overlay className="dialog-overlay" />
         <Dialog.Content className="dialog-content">
+          <div className="content-inner">
             <CardDialog
               header={formatMessage({ defaultMessage: "Edit card" })}
               cta={formatMessage({ defaultMessage: "Save card" })}
@@ -320,6 +321,7 @@ function EditCard({ card, cards }: EditCardProps) {
               onSave={editCard}
               onCancel={onCancel}
             />
+          </div>
         </Dialog.Content>
       </Dialog.Portal>
     </Dialog.Root>
@@ -383,7 +385,9 @@ function AddCard({ cards }: AddCardProps) {
         <Dialog.Portal>
           <Dialog.Overlay className="dialog-overlay" />
           <Dialog.Content className="dialog-content">
+            <div className="content-inner">
               <CardDialog onSave={createCard} onCancel={onCancel} />
+            </div>
           </Dialog.Content>
         </Dialog.Portal>
       </Dialog.Root>