Merge pull request #9842 from overleaf/jel-dash-filter-layout

[web] Dash filter margin handling

GitOrigin-RevId: bfd6b3e43231a28fe76aa5255b97a6e222500d62

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>
   )
 }

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;