empty title still reserves the same space as set title for layout consistency

public/s/css/f0ckm.css

@@ -4281,6 +4281,10 @@ span.placeholder {
   position: relative;
 }
 
+.item_title:empty::before {
+  content: '\00a0';
+}
+
 .location {
   padding-left: 5px;
 }

public/s/js/f0ckm.js

@@ -9200,24 +9200,18 @@ if (navigator.vibrate) {
           saveBtn.innerHTML = origIcon;
           if (data.success) {
             // Update the live .item_title bar below the ID bar
-            let titleBar = document.querySelector('.item_title');
+            const titleBar = document.querySelector('.item_title');
-            if (data.title) {
+            if (titleBar) {
-              if (titleBar) {
+              titleBar.textContent = data.title || '';
-                titleBar.textContent = data.title;
+            } else if (data.title) {
-                titleBar.style.display = '';
+              // Fallback: create it if somehow missing (e.g. enable_item_title was toggled)
-              } else {
+              const idBar = document.querySelector('.item-main-content > ._204863');
-                // Create it if it doesn't exist yet
+              if (idBar) {
-                const idBar = document.querySelector('.item-main-content > ._204863');
+                const newBar = document.createElement('div');
-                if (idBar) {
+                newBar.className = 'item_title';
-                  titleBar = document.createElement('div');
+                newBar.textContent = data.title;
-                  titleBar.className = 'item_title';
+                idBar.insertAdjacentElement('afterend', newBar);
-                  titleBar.textContent = data.title;
-                  idBar.insertAdjacentElement('afterend', titleBar);
-                }
               }
-            } else {
-              // Title cleared
-              if (titleBar) titleBar.remove();
             }
             if (status) {
               status.textContent = '✓ Saved';

views/item-partial-legacy.html

@@ -9,8 +9,8 @@
             <div class="location">{{ link.main }}{{ item.id }}{{ link.suffix }}</div>
             <div class="gapLeft"></div>
         </div>
-        @if(enable_item_title && item.title)
+        @if(enable_item_title)
-        <div class="item_title">{!! item.title !!}</div>
+        <div class="item_title">{!! item.title || '' !!}</div>
         @endif
 
         <div class="content">

views/item-partial-modern.html

@@ -60,8 +60,8 @@
             <div class="location">{{ link.main }}{{ item.id }}{{ link.suffix }}</div>
             <div class="gapLeft"></div>
         </div>
-        @if(enable_item_title && item.title)
+        @if(enable_item_title)
-        <div class="item_title">{!! item.title !!}</div>
+        <div class="item_title">{!! item.title || '' !!}</div>
         @endif
 
         <div class="content">