From 13a3b1f405cb21862f32be94bb9262998674dddf Mon Sep 17 00:00:00 2001
From: parsa aghaei <p.aghaei@hoshmand.local>
Date: Wed, 22 Jul 2026 16:00:24 +0330
Subject: [PATCH] fix(blog): reorder form elements to ensure email input is
 always first before submit button

---
 frontend/application/components/BlogPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/application/components/BlogPage.tsx b/frontend/application/components/BlogPage.tsx
index f0f0282..b810cea 100644
--- a/frontend/application/components/BlogPage.tsx
+++ b/frontend/application/components/BlogPage.tsx
@@ -299,17 +299,17 @@ export default function BlogPage({ blogs = [] }: { blogs: BlogPost[] }) {
 
                      {/* Main Interactive Floating Input Bar */}
                      <div className="w-full max-w-xl">
-                        <form onSubmit={(e) => { e.preventDefault(); toast.success("عضویت شما در خبرنامه علمی با موفقیت ثبت شد!"); }} className="w-full bg-white/15 backdrop-blur-xl border border-white/25 p-2 rounded-2xl sm:rounded-full flex flex-col-reverse sm:flex-row items-stretch sm:items-center gap-2 sm:gap-3 shadow-2xl hover:border-canina-gold/40 transition-all group">
+                        <form onSubmit={(e) => { e.preventDefault(); toast.success("عضویت شما در خبرنامه علمی با موفقیت ثبت شد!"); }} className="w-full bg-white/15 backdrop-blur-xl border border-white/25 p-2 rounded-2xl sm:rounded-full flex flex-col sm:flex-row items-stretch sm:items-center gap-2 sm:gap-3 shadow-2xl hover:border-canina-gold/40 transition-all group" dir="ltr">
                            <input
                               type="email"
                               required
-                              dir="ltr"
                               placeholder="آدرس ایمیل شما (name@domain.com)..."
                               className="flex-1 bg-transparent border-none text-xs sm:text-sm outline-none text-white placeholder:text-white/45 px-3 sm:px-4 py-2.5 sm:py-0 font-sans text-left"
                            />
                            <button 
                               type="submit"
                               className="bg-canina-gold hover:bg-white text-canina-dark px-6 sm:px-8 py-3.5 rounded-xl sm:rounded-full font-black text-xs sm:text-sm transition-all duration-300 whitespace-nowrap shadow-xl hover:scale-105 flex items-center justify-center gap-2 font-vazir cursor-pointer flex-shrink-0"
+                              dir="rtl"
                            >
                               <span>عضویت آنی</span>
                               <Mail className="w-4 h-4" />