fix: minor post editor adjustments

src/components/PostEditor.jsx

@@ -437,7 +437,7 @@ function PostEditor() {
 
             {/* Main Content Area */}
             <div className="flex-grow overflow-y-auto">
-                <div className={`max-w-7xl mx-auto px-6 py-12 md:py-20 lg:py-24 ${viewMode === "split" ? "max-w-[95vw]" : ""}`}>
+                <div className={`max-w-7xl mx-auto px-6 py-8 md:py-12 lg:py-16 ${viewMode === "split" ? "max-w-[95vw]" : ""}`}>
                     {error && (
                         <div className="mb-8 p-4 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 rounded-lg flex items-center gap-3 animate-in fade-in slide-in-from-top-2">
                             <svg className="w-5 h-5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /></svg>
@@ -447,6 +447,7 @@ function PostEditor() {
 
                     <div className="space-y-6">
                         {/* Title Input - Scaled down and boxed */}
+                        <a>Title:</a>
                         <div className="border theme-border rounded-xl p-4 bg-gray-50/50 dark:bg-gray-800/50">
                             <textarea
                                 ref={titleRef}
@@ -454,19 +455,20 @@ function PostEditor() {
                                 onChange={(e) => handleInputChange("title", e.target.value)}
                                 placeholder="Post Title"
                                 rows={1}
-                                className="w-full text-2xl md:text-3xl lg:text-4xl font-bold bg-transparent border-none placeholder-gray-400 dark:placeholder-gray-500 theme-text focus:ring-0 px-0 leading-tight resize-none overflow-hidden"
+                                className="w-full text-lg font-bold bg-transparent border-none placeholder-gray-400 dark:placeholder-gray-500 theme-text focus:ring-0 px-0 leading-tight resize-none overflow-hidden"
                                 style={{ minHeight: '1.5em' }}
                             />
                         </div>
 
                         {/* Description Input - Subtitle style */}
+                        <a>Description:</a>
                         <div className="border theme-border rounded-xl p-4 bg-gray-50/50 dark:bg-gray-800/50">
                             <textarea
                                 value={formData.description}
                                 onChange={(e) => handleInputChange("description", e.target.value)}
                                 placeholder="Post Description (Subtitle)..."
                                 rows={2}
-                                className="w-full text-lg font-medium bg-transparent border-none placeholder-gray-400 dark:placeholder-gray-500 theme-text-secondary focus:ring-0 px-0 leading-relaxed resize-none overflow-hidden"
+                                className="w-full text-base bg-transparent border-none placeholder-gray-400 dark:placeholder-gray-500 theme-text-secondary focus:ring-0 px-0 leading-relaxed resize-none overflow-hidden"
                                 style={{ minHeight: '3em' }}
                             />
                         </div>
@@ -491,7 +493,7 @@ function PostEditor() {
                                             onClick: handleCursorSelect,
                                             onKeyUp: handleCursorSelect
                                         }}
-                                        className="shadow-sm sticky top-24"
+                                        className="shadow-sm"
                                     />
                                 </div>
                             ) : null}