From 549080df1e30bfbd7af827cc91c394e4889c1e8d Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Fri, 21 Feb 2025 13:19:18 +0000
Subject: [PATCH] Use fixed width for project list checkbox cell (#23778)

* Use fixed width for project list checkbox
* Set word-break: break-word for project owner name (#23783)

GitOrigin-RevId: 4d3f443f99f366a43a1b59a7556c0341c06d7af9
---
 .../bootstrap-5/pages/project-list.scss       | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/project-list.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list.scss
index c7a8cad1dc..84ef0d92d1 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/pages/project-list.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list.scss
@@ -379,12 +379,12 @@
 
     .dash-cell-name {
       hyphens: auto;
-      width: 50%;
       word-break: break-word;
     }
 
     .dash-cell-owner {
       width: 20%;
+      word-break: break-word;
     }
 
     .dash-cell-date {
@@ -420,11 +420,11 @@
 
     @include media-breakpoint-up(sm) {
       .dash-cell-checkbox {
-        width: 4%;
+        width: 25px;
       }
 
       .dash-cell-name {
-        width: 50%;
+        width: calc(54% - 25px);
       }
 
       .dash-cell-owner {
@@ -442,11 +442,11 @@
 
     @include media-breakpoint-up(md) {
       .dash-cell-checkbox {
-        width: 4%;
+        width: 25px;
       }
 
       .dash-cell-name {
-        width: 44%;
+        width: calc(48% - 25px);
       }
 
       .dash-cell-owner {
@@ -469,11 +469,11 @@
 
     @include media-breakpoint-up(lg) {
       .dash-cell-checkbox {
-        width: 3%;
+        width: 25px;
       }
 
       .dash-cell-name {
-        width: 46%;
+        width: calc(49% - 25px);
       }
 
       .dash-cell-owner {
@@ -497,11 +497,11 @@
 
     @include media-breakpoint-up(xl) {
       .dash-cell-checkbox {
-        width: 3%;
+        width: 25px;
       }
 
       .dash-cell-name {
-        width: 46%;
+        width: calc(49% - 25px);
       }
 
       .dash-cell-owner {
@@ -519,11 +519,11 @@
 
     @include media-breakpoint-up(xxl) {
       .dash-cell-checkbox {
-        width: 2%;
+        width: 25px;
       }
 
       .dash-cell-name {
-        width: 49%;
+        width: calc(51% - 25px);
       }
 
       .dash-cell-owner {