small copy tweak to the log in form if your subbing to a publicatin

app/lish/Subscribe.tsx

···
   setSuccessModalOpen: (open: boolean) => void;
 }) => {
   let { identity } = useIdentityData();
+  let toaster = useToaster();
   let [, subscribe, subscribePending] = useActionState(async () => {
     let result = await subscribeToPublication(
       props.pub_uri,
···
     if (result.hasFeed === false) {
       props.setSuccessModalOpen(true);
     }
+    toaster({ content: <div>You're Subscribed!</div>, type: "success" });
   }, null);
+
   let [isClient, setIsClient] = useState(false);
   useEffect(() => {
     setIsClient(true);
···
         asChild
         trigger={
           <ButtonPrimary className="place-self-center">
-            <BlueskyTiny /> Subscribe with Bluesky{" "}
+            <BlueskyTiny /> Subscribe with Bluesky
           </ButtonPrimary>
         }
       >
         {isClient && (
           <LoginForm
+            publication
             noEmail
             redirectRoute={window?.location.href + "?refreshAuth"}
             action={{ action: "subscribe", publication: props.pub_uri }}
···
             <DotLoader />
           ) : (
             <>
-              <BlueskyTiny /> Subscribe with Bluesky{" "}
+              <BlueskyTiny /> Subscribe with Bluesky
             </>
           )}
         </ButtonPrimary>

app/login/LoginForm.tsx

···
 
 export default function LoginForm(props: {
   noEmail?: boolean;
+  publication?: boolean;
   redirectRoute?: string;
   action?: ActionAfterSignIn;
 }) {
···
       <div className="flex flex-col">
         <h4 className="text-primary">Log In or Sign Up</h4>
         <div className=" text-tertiary text-sm">
-          Save your Leaflets and access them on multiple devices!
+          {props.publication
+            ? "Log in to Bluesky to subscribe this publication!"
+            : "Save your Leaflets and access them on multiple devices!"}
         </div>
       </div>
 

components/utils/DotLoader.tsx

···
     };
   }, []);
   return (
-    <div className="w-[26px]  text-center text-sm">
+    <div className="w-[26px] h-[24px] text-center text-sm">
       {".".repeat(dots) + "\u00a0".repeat(3 - dots)}
     </div>
   );