Improve mobile path line filling

static/app.js

@@ -1431,14 +1431,16 @@ function buildResultHTML(rec, idx) {
   const breadcrumb = (rec.Folder || []).map((f, i) => {
     const accum = (rec.Folder || []).slice(0, i + 1).join("/");
     const folderDisplay = STATE.searchFolders ? highlightText(f, STATE.query) : escapeHTML(f);
-    return `<span class="path-sep">/</span><span class="path-folder" data-folder="${escapeHTML(accum)}" data-repo="${repoShort}">${folderDisplay}</span>`;
+    const separator = i < (rec.Folder || []).length - 1 ? '<span class="path-sep">/</span>' : "";
+    return `<span class="path-folder" data-folder="${escapeHTML(accum)}" data-repo="${repoShort}">${folderDisplay}${separator}</span>`;
   }).join("");
+  const repoSeparator = (rec.Folder || []).length ? '<span class="path-sep">/</span>' : "";
   return `
     <input type="checkbox" class="result-checkbox" data-index="${idx}">
     <div class="result-file-icon">${ICONS[iconType] || ICONS.file}</div>
     <div class="result-info">
       <div class="result-title">${titleHTML}${rec.Extension ? `<span style="opacity:0.5;font-size:12px">.${escapeHTML(rec.Extension)}</span>` : ""}</div>
-      <div class="result-path"><span class="path-folder" data-folder="" data-repo="${repoShort}">${repoShort}</span>${breadcrumb}</div>
+      <div class="result-path"><span class="path-folder" data-folder="" data-repo="${repoShort}">${repoShort}${repoSeparator}</span>${breadcrumb}</div>
       <div class="result-meta">
         ${STATE.mode === "global" ? `<span class="result-repo-tag" data-repo="${repoShort}">${repoShort}</span>` : ""}
         ${sizeStr ? `<span class="result-size">${sizeStr}</span>` : ""}

static/style.css

@@ -1535,8 +1535,8 @@ body.mobile .result-action-btn { height: 20px; padding: 1px 6px; font-size: 10px
 body.mobile .result-path {
   display: block;
   white-space: normal;
-  word-break: keep-all;
-  overflow-wrap: anywhere;
+  word-break: break-all;
+  overflow-wrap: normal;
 }
 
 @media (max-width: 768px) {