From 1e8689755641cbec0ac6da4e1860b75b514ed8a5 Mon Sep 17 00:00:00 2001
From: Davinder Singh <davibaweja@gmail.com>
Date: Wed, 10 Jan 2024 09:58:45 +0000
Subject: [PATCH] Spacing fix on welcome page (#16382)

* adding a margin of 0

* adding a padding bottom to the welcome page component

* adding a padding bottom of 25px to project-list-welcome-wrapper

* adding container class to fix two issues together

* adding px-0

* adding mx-0

GitOrigin-RevId: 043173d93d705acd92ad1ebe47bda0f3552ded1a
---
 .../js/features/project-list/components/project-list-root.tsx | 4 ++--
 services/web/frontend/stylesheets/app/project-list-react.less | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/services/web/frontend/js/features/project-list/components/project-list-root.tsx b/services/web/frontend/js/features/project-list/components/project-list-root.tsx
index e9f0d4c227..7c261e1473 100644
--- a/services/web/frontend/js/features/project-list/components/project-list-root.tsx
+++ b/services/web/frontend/js/features/project-list/components/project-list-root.tsx
@@ -75,7 +75,7 @@ function ProjectListPageContent() {
   ) : (
     <>
       <SystemMessages />
-      <div className="project-list-wrapper clearfix">
+      <div className="project-list-wrapper clearfix container mx-0 px-0">
         {totalProjectsCount > 0 ? (
           <>
             <Sidebar />
@@ -158,7 +158,7 @@ function ProjectListPageContent() {
         ) : (
           <div className="project-list-welcome-wrapper">
             {error ? <DashApiError /> : ''}
-            <Row className="row-spaced">
+            <Row className="row-spaced mx-0">
               <Col
                 sm={10}
                 smOffset={1}
diff --git a/services/web/frontend/stylesheets/app/project-list-react.less b/services/web/frontend/stylesheets/app/project-list-react.less
index 82a66cce9b..c80947b62b 100644
--- a/services/web/frontend/stylesheets/app/project-list-react.less
+++ b/services/web/frontend/stylesheets/app/project-list-react.less
@@ -29,6 +29,7 @@
   .project-list-wrapper {
     display: flex;
     align-items: stretch;
+    width: 100%;
     min-height: calc(~'100vh -' @header-height);
   }
 
@@ -77,6 +78,7 @@
 
   .project-list-welcome-wrapper {
     width: 100%;
+    padding-bottom: 25px;
 
     .welcome-new-wrapper {
       .welcome-title {