From 5be3d02be3cddbbf4e090b3914c80bd7dadcfb5d Mon Sep 17 00:00:00 2001
From: Ricardo <rick@rmendes.net>
Date: Sat, 24 Jan 2026 20:36:55 +0100
Subject: [PATCH] fix: prevent overflow on mobile in featured repos commits
 list

Add overflow-hidden and min-w-0 to fix truncation issues on mobile.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 github.njk | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/github.njk b/github.njk
index 890e832..3d4dee5 100644
--- a/github.njk
+++ b/github.njk
@@ -67,17 +67,17 @@ withSidebar: true
         </div>
 
         {% if repo.commits and repo.commits.length %}
-        <details class="border-t border-primary-200 dark:border-surface-700 pt-3 mt-3">
+        <details class="border-t border-primary-200 dark:border-surface-700 pt-3 mt-3 overflow-hidden">
           <summary class="cursor-pointer text-sm font-medium text-primary-600 dark:text-primary-400 hover:underline">
             Recent commits ({{ repo.commits.length }})
           </summary>
-          <ul class="mt-3 space-y-2">
+          <ul class="mt-3 space-y-2 overflow-hidden">
             {% for commit in repo.commits %}
-            <li class="flex items-start gap-2 text-sm">
+            <li class="flex items-start gap-2 text-sm min-w-0">
               <code class="flex-shrink-0 text-xs font-mono bg-surface-100 dark:bg-surface-700 px-1.5 py-0.5 rounded">
                 <a href="{{ commit.url }}" class="text-primary-600 dark:text-primary-400 hover:underline" target="_blank" rel="noopener">{{ commit.sha }}</a>
               </code>
-              <span class="text-surface-700 dark:text-surface-300 truncate">{{ commit.message }}</span>
+              <span class="text-surface-700 dark:text-surface-300 truncate min-w-0 flex-1">{{ commit.message }}</span>
             </li>
             {% endfor %}
           </ul>