minor changes

web/app.js

@@ -3547,6 +3547,7 @@ function createPostCard(post, status, meta = {}) {
   const totalOverall = typeof meta.totalOverall === 'number' ? meta.totalOverall : posts.length;
   const tabTotalCount = typeof meta.tabTotalCount === 'number' ? meta.tabTotalCount : posts.length;
   const searchActive = !!meta.searchActive;
+  const indexBadge = displayIndex !== null ? `<span class="post-index">#${String(displayIndex).padStart(2, '0')}</span>` : '';
 
   const profileRowsHtml = status.profileStatuses.map((profileStatus) => {
     const classes = ['profile-line', `profile-line--${profileStatus.status}`];
@@ -3689,6 +3690,7 @@ function createPostCard(post, status, meta = {}) {
     <div class="post-card ${status.isComplete ? 'complete' : ''}" id="post-${post.id}">
       <div class="post-header">
         <div class="post-title-with-checkbox">
+          ${indexBadge}
           <div class="post-title">${escapeHtml(titleText)}</div>
           <label class="success-checkbox success-checkbox--header">
             <input type="checkbox" class="success-checkbox-input" data-post-id="${post.id}" ${post.is_successful ? 'checked' : ''}>
@@ -3718,9 +3720,6 @@ function createPostCard(post, status, meta = {}) {
 
         <div class="post-content">
           <div class="post-meta">
-            <div class="post-meta__line post-meta__line--count">
-              <span class="post-meta__value">#${displayIndex !== null ? displayIndex : '-'}</span>
-            </div>
             <div class="post-info">
               <div>Erstellt: ${escapeHtml(createdDate)}</div>
               <div>Letzte Änderung: ${escapeHtml(lastChangeDate)}</div>

web/style.css

@@ -631,6 +631,13 @@ h1 {
   flex: 1;
 }
 
+.post-index {
+  font-size: 12px;
+  color: #6b7280;
+  font-weight: 600;
+  flex-shrink: 0;
+}
+
 .success-checkbox--header {
   flex-shrink: 0;
 }