Remove phantom leading whitespace in history list

Author: beNative

components/modals/CommitHistoryModal.tsx

@@ -375,8 +375,8 @@ const CommitHistoryModal: React.FC<CommitHistoryModalProps> = ({ isOpen, reposit
                           {isExpanded ? <ChevronDownIcon className="h-5 w-5" /> : <ChevronRightIcon className="h-5 w-5" />}
                         </span>
                         <div className="flex-1">
-                          <div className="font-sans whitespace-pre-line text-gray-900 dark:text-gray-100">
-                            <HighlightedText text={sanitizedMessage} highlight={debouncedSearchQuery} />
+                          <div className="font-sans text-gray-900 dark:text-gray-100">
+                            <span className="block whitespace-pre-line"><HighlightedText text={sanitizedMessage} highlight={debouncedSearchQuery} /></span>
                           </div>
                         </div>
                       </button>

docs/history-tab-preview.html

@@ -18,19 +18,17 @@ <h1 class="text-xl font-bold">Commit History</h1>
       <div class="p-4">
         <ul class="space-y-3 list-none p-0">
           <li class="p-3 bg-gray-50 rounded-lg border border-gray-200">
-            <div class="font-sans whitespace-pre-line text-gray-900 commit-message">
-
-              Merge pull request #10 from beNative/codex/add-sqljs-support-and-configuration
+            <div class="font-sans text-gray-900">
+              <span class="commit-message block whitespace-pre-line">Merge pull request #10 from beNative/codex/add-sqljs-support-and-configuration</span>
             </div>
             <div class="flex flex-col gap-2 text-xs text-gray-500 mt-2 pt-2 border-t border-gray-200 sm:flex-row sm:items-center sm:justify-between">
               <span>Tim Sinaeve</span>
               <span class="font-mono">7986e7f • 6 weeks ago</span>
             </div>
           </li>
           <li class="p-3 bg-gray-50 rounded-lg border border-gray-200">
-            <div class="font-sans whitespace-pre-line text-gray-900 commit-message">
-
-              Use bundled sql.js assets for offline operation
+            <div class="font-sans text-gray-900">
+              <span class="commit-message block whitespace-pre-line">Use bundled sql.js assets for offline operation</span>
             </div>
             <div class="flex flex-col gap-2 text-xs text-gray-500 mt-2 pt-2 border-t border-gray-200 sm:flex-row sm:items-center sm:justify-between">
               <span>Tim Sinaeve</span>
@@ -40,10 +38,5 @@ <h1 class="text-xl font-bold">Commit History</h1>
         </ul>
       </div>
     </div>
-    <script>
-      document.querySelectorAll('.commit-message').forEach((el) => {
-        el.textContent = el.textContent.trimStart();
-      });
-    </script>
   </body>
 </html>