From a268031b342b6d0288f1e892939a0d0cb1a24efb Mon Sep 17 00:00:00 2001
From: Richard Bergsma <richard@365devnet.eu>
Date: Sat, 7 Jun 2025 13:25:33 +0200
Subject: [PATCH] Update translations and development page for consistency and
 clarity

- Changed the title in translations.ts to '365DevNet Ecosystem: Development Overview' for better alignment with the page content.
- Updated the heading style in development.astro for improved responsiveness and visual hierarchy.
- Adjusted padding and layout in mobile commit info area for enhanced user experience.
---
 src/i18n/translations.ts           |  2 +-
 src/pages/[lang]/development.astro | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/i18n/translations.ts b/src/i18n/translations.ts
index c76d725..ba02076 100644
--- a/src/i18n/translations.ts
+++ b/src/i18n/translations.ts
@@ -166,7 +166,7 @@ export const translations: Record<string, Translation> = {
       menu: 'Development',
       pageTitle: '365DevNet Ecosystem: Development Overview',
       pageDescription: 'See the latest development activity, code contributions, and commit history across all repositories in the 365DevNet ecosystem.',
-      title: 'Dev Dashboard',
+      title: '365DevNet Ecosystem: Development Overview',
       latestCommits: 'Latest Commits',
       intro: 'This page provides a transparent overview of ongoing development activity across all repositories in the 365DevNet ecosystem. The contribution calendar below visually represents code contributions (commits) made over the past year, with more intense squares indicating more active days. Below the calendar, you\'ll find a list of the most recent commits from all repositories, including details about each change. This helps users, contributors, and stakeholders track progress and stay up to date with the latest updates across the entire codebase.'
     },
diff --git a/src/pages/[lang]/development.astro b/src/pages/[lang]/development.astro
index 518859d..2fcb1aa 100644
--- a/src/pages/[lang]/development.astro
+++ b/src/pages/[lang]/development.astro
@@ -112,7 +112,7 @@ const formatDate = (dateString) => {
 
 <Layout metadata={metadata}>
   <div class="max-w-4xl mx-auto px-4 py-8">
-    <h1 class="text-4xl font-bold mb-4">{t.development.title || 'Development Progress'}</h1>
+    <h1 class="text-xl sm:text-2xl md:text-4xl font-bold mb-4">{t.development.title || 'Development Progress'}</h1>
     {/* Collapsible Intro */}
     <CollapsibleIntro text={t.development.intro} client:only="react" />
     {/* Contribution Calendar */}
@@ -173,14 +173,14 @@ const formatDate = (dateString) => {
                   )}
                 </div>
                 {/* Mobile commit info area, visually separated and two rows with left/right alignment */}
-                <div class="md:hidden border-t border-gray-200 dark:border-gray-700 pt-3 px-1 bg-gray-50 dark:bg-slate-800 rounded-b-xl text-xs text-gray-700 dark:text-gray-300">
-                  <div class="flex flex-row justify-between items-center mb-1">
+                <div class="md:hidden border-t border-gray-200 dark:border-gray-700 pt-3 px-3 bg-gray-50 dark:bg-slate-800 rounded-b-xl text-xs text-gray-700 dark:text-gray-300">
+                  <div class="flex flex-row justify-between items-center mb-1 gap-3">
                     <span class="font-semibold">{commit.date ? formatDate(commit.date) : ''}</span>
                     {commit.author && (
                       <span>{commit.author === 'becarta' ? 'Richard Bergsma' : commit.author}</span>
                     )}
                   </div>
-                  <div class="flex flex-row justify-between items-center">
+                  <div class="flex flex-row justify-between items-center gap-3">
                     {commit.repo && (
                       <span>
                         <a href={commit.repo_url} target="_blank" rel="noopener">{commit.repo}</a>
@@ -189,7 +189,7 @@ const formatDate = (dateString) => {
                     {commit.sha && (
                       <a href={commit.compare_url} target="_blank" rel="noopener">
                         <span class="sr-only">Commit:</span>
-                        <code class="px-3 py-1 rounded-full bg-blue-50 dark:bg-blue-900 border border-blue-200 dark:border-blue-700 font-mono text-xs text-blue-700 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-800 transition-colors cursor-pointer">
+                        <code class="px-3 py-1 rounded-full bg-blue-50 dark:bg-blue-900 border border-blue-200 dark:border-blue-700 font-mono text-xs text-blue-700 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-800 transition-colors cursor-pointer max-w-[130px] overflow-x-auto whitespace-nowrap block">
                           {commit.sha.slice(0, 7)}
                         </code>
                       </a>