From 3c23aae864f56e588ab2aa04623d444891687dee Mon Sep 17 00:00:00 2001
From: Meik <meikdre@gmx.de>
Date: Sat, 22 Nov 2025 13:32:19 +0100
Subject: [PATCH] minor changes

---
 web/app.js    | 5 ++---
 web/style.css | 7 +++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/app.js b/web/app.js
index 6bd9bfa..a2e8937 100644
--- a/web/app.js
+++ b/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>
diff --git a/web/style.css b/web/style.css
index daa7114..25425a7 100644
--- a/web/style.css
+++ b/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;
 }