From 762d3e75cf99c388f0e55b95bf9da41b4c3ed302 Mon Sep 17 00:00:00 2001
From: claude <claude@verso>
Date: Tue, 16 Jun 2026 15:31:09 +0000
Subject: [PATCH] fix: footer translation, mobile search bar and table row
 layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Footer: use translate('built_on') key instead of hardcoded 'Built on';
  update fr.json 'built_on' → 'Basé sur Overleaf'
- Mobile project list: move search bar + button outside the bordered
  TableContainer so its width is viewport-constrained, not affected by
  the table's fixed layout
- Mobile table rows: use width:100% (not auto) on cells so they fill the
  full tr width regardless of the higher-specificity column percentage
  rules; add explicit width:100% on tr to anchor flex-column sizing;
  keep width:auto on absolutely-positioned actions cell

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 services/web/app/views/layout/thin-footer.pug                 | 2 +-
 .../features/project-list/components/project-list-ds-nav.tsx  | 2 +-
 services/web/frontend/stylesheets/pages/project-list.scss     | 4 +++-
 services/web/locales/fr.json                                  | 2 +-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/services/web/app/views/layout/thin-footer.pug b/services/web/app/views/layout/thin-footer.pug
index 8e2c7079ce..efbf27dbb4 100644
--- a/services/web/app/views/layout/thin-footer.pug
+++ b/services/web/app/views/layout/thin-footer.pug
@@ -11,7 +11,7 @@ footer.site-footer
 				li.footer-sep
 					strong.text-muted |
 				li
-					| Built on
+					| !{translate('built_on')}
 					|
 					a(href='https://github.com/overleaf/overleaf' target='_blank' rel='noopener noreferrer') Overleaf
 
diff --git a/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx b/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
index ee746360f3..72ce72385c 100644
--- a/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
+++ b/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
@@ -124,8 +124,8 @@ export function ProjectListDsNav() {
                     </div>
                   </div>
                   <div className="mt-3">
+                    {tableTopArea}
                     <TableContainer bordered>
-                      {tableTopArea}
                       <ProjectListTable />
                     </TableContainer>
                   </div>
diff --git a/services/web/frontend/stylesheets/pages/project-list.scss b/services/web/frontend/stylesheets/pages/project-list.scss
index 27345e8629..9f5a28ec5f 100644
--- a/services/web/frontend/stylesheets/pages/project-list.scss
+++ b/services/web/frontend/stylesheets/pages/project-list.scss
@@ -576,6 +576,7 @@ ul.project-list-filters {
       position: relative;
       display: flex;
       flex-direction: column;
+      width: 100%; // explicit full-width in case table fixed-layout loses track
 
       td {
         padding-top: var(--spacing-02);
@@ -589,7 +590,7 @@ ul.project-list-filters {
     .dash-cell-meta,
     .dash-cell-actions {
       display: block;
-      width: auto;
+      width: 100%; // override percentage widths; auto can lose to the table-level fixed widths
     }
 
     .dash-cell-name {
@@ -607,6 +608,7 @@ ul.project-list-filters {
       top: var(--spacing-04);
       right: var(--spacing-04);
       padding: 0 !important;
+      width: auto; // actions are absolutely positioned — let them size by content
     }
   }
 }
diff --git a/services/web/locales/fr.json b/services/web/locales/fr.json
index 8e7c5908a1..9d0cd79d46 100644
--- a/services/web/locales/fr.json
+++ b/services/web/locales/fr.json
@@ -307,7 +307,7 @@
   "browser": "Navigateur",
   "build_collection_of_most_used_references": "Créez une collection de vos références les plus utilisées dans la bibliothèque, afin de pouvoir les ajouter facilement à n'importe quel projet.",
   "built_in": "Intégré",
-  "built_on": "Construit sur",
+  "built_on": "Basé sur",
   "bullet_list": "Liste à puces",
   "buy_add_on": "Acheter un module complémentaire",
   "buy_licenses": "Acheter des licences",