From 0bf147b84c39b337588d43be74ea8e59dc411a1f Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <jessica.lawshe@overleaf.com>
Date: Thu, 6 Oct 2022 09:37:52 -0500
Subject: [PATCH] Merge pull request #9842 from overleaf/jel-dash-filter-layout

[web] Dash filter margin handling

GitOrigin-RevId: bfd6b3e43231a28fe76aa5255b97a6e222500d62
---
 .../components/sidebar/sidebar-filters.tsx     | 18 ++++++++----------
 .../stylesheets/app/project-list-react.less    |  4 ++--
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/services/web/frontend/js/features/project-list/components/sidebar/sidebar-filters.tsx b/services/web/frontend/js/features/project-list/components/sidebar/sidebar-filters.tsx
index bb9f5cf237..3338075b83 100644
--- a/services/web/frontend/js/features/project-list/components/sidebar/sidebar-filters.tsx
+++ b/services/web/frontend/js/features/project-list/components/sidebar/sidebar-filters.tsx
@@ -30,15 +30,13 @@ export default function SidebarFilters() {
   const { t } = useTranslation()
 
   return (
-    <div className="row-spaced ng-scope">
-      <ul className="list-unstyled folders-menu">
-        <SidebarFilter filter="all" text={t('all_projects')} />
-        <SidebarFilter filter="owned" text={t('your_projects')} />
-        <SidebarFilter filter="shared" text={t('shared_with_you')} />
-        <SidebarFilter filter="archived" text={t('archived_projects')} />
-        <SidebarFilter filter="trashed" text={t('trashed_projects')} />
-        <TagsList />
-      </ul>
-    </div>
+    <ul className="list-unstyled project-list-filters">
+      <SidebarFilter filter="all" text={t('all_projects')} />
+      <SidebarFilter filter="owned" text={t('your_projects')} />
+      <SidebarFilter filter="shared" text={t('shared_with_you')} />
+      <SidebarFilter filter="archived" text={t('archived_projects')} />
+      <SidebarFilter filter="trashed" text={t('trashed_projects')} />
+      <TagsList />
+    </ul>
   )
 }
diff --git a/services/web/frontend/stylesheets/app/project-list-react.less b/services/web/frontend/stylesheets/app/project-list-react.less
index fa28c4612b..454fb54f3e 100644
--- a/services/web/frontend/stylesheets/app/project-list-react.less
+++ b/services/web/frontend/stylesheets/app/project-list-react.less
@@ -73,8 +73,8 @@
     padding: @content-margin-vertical @grid-gutter-width / 2;
   }
 
-  ul.folders-menu {
-    margin: @folders-menu-margin;
+  ul.project-list-filters {
+    margin: @margin-sm @folders-menu-margin;
 
     .subdued {
       color: @gray-light;