From 15cdec642d3751a4df16c52bbcf863b278c1863c Mon Sep 17 00:00:00 2001
From: David <33458145+davidmcpowell@users.noreply.github.com>
Date: Tue, 2 Jul 2024 13:10:42 +0100
Subject: [PATCH] Merge pull request #19208 from overleaf/dp-sidebar-long-tags

Fix word wrapping on tag names in project view

GitOrigin-RevId: f29a5d576b716b38756d569a6e95165f4f0c4f85
---
 .../features/project-list/components/sidebar/tags-list.tsx  | 6 ++++--
 .../web/frontend/stylesheets/app/project-list-react.less    | 1 +
 services/web/frontend/stylesheets/variables/all.less        | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/js/features/project-list/components/sidebar/tags-list.tsx b/services/web/frontend/js/features/project-list/components/sidebar/tags-list.tsx
index 7199f0a589..084e102417 100644
--- a/services/web/frontend/js/features/project-list/components/sidebar/tags-list.tsx
+++ b/services/web/frontend/js/features/project-list/components/sidebar/tags-list.tsx
@@ -114,8 +114,10 @@ export default function TagsList() {
             onClick={() => selectTag(UNCATEGORIZED_KEY)}
             bsStyle={null}
           >
-            <span className="name">{t('uncategorized')}</span>
-            <span className="subdued"> ({untaggedProjectsCount})</span>
+            <span className="name">
+              {t('uncategorized')}{' '}
+              <span className="subdued">({untaggedProjectsCount})</span>
+            </span>
           </Button>
         </li>
       )}
diff --git a/services/web/frontend/stylesheets/app/project-list-react.less b/services/web/frontend/stylesheets/app/project-list-react.less
index 5d2b1acb32..e98c990171 100644
--- a/services/web/frontend/stylesheets/app/project-list-react.less
+++ b/services/web/frontend/stylesheets/app/project-list-react.less
@@ -315,6 +315,7 @@
         position: relative;
         padding: @folders-tag-padding;
         display: @folders-tag-display;
+        align-items: center;
         word-wrap: anywhere;
 
         span.name {
diff --git a/services/web/frontend/stylesheets/variables/all.less b/services/web/frontend/stylesheets/variables/all.less
index a04be6169a..d70acf2d65 100644
--- a/services/web/frontend/stylesheets/variables/all.less
+++ b/services/web/frontend/stylesheets/variables/all.less
@@ -879,7 +879,7 @@
 @folders-tag-padding: @folders-menu-item-v-padding 30px
   @folders-menu-item-v-padding @folders-menu-item-h-padding;
 @folders-tag-line-height: 1.4;
-@folders-tag-display: block;
+@folders-tag-display: flex;
 @folders-tag-menu-color: #fff;
 @folders-tag-hover: @sidebar-hover-bg;
 @folders-tag-border-color: @folders-tag-menu-color;