From efea247c7e00e8565c3304f7581b4c0049321df6 Mon Sep 17 00:00:00 2001
From: Marco polo <salazarm@users.noreply.github.com>
Date: Mon, 2 Oct 2023 13:02:23 -0400
Subject: [PATCH] [ez][Asset graph] revert padding change (#16942)

## Summary & Motivation

Reverting a padding change I made that tried to solve one problem but
created another. I solved the original problem in a separate PR.

before:
<img width="1491" alt="Screenshot 2023-10-02 at 8 37 19 AM"
src="https://github.com/dagster-io/dagster/assets/2286579/3218bb3c-2f89-4c3e-91c1-b09149c98f94">


after:
<img width="1492" alt="Screenshot 2023-10-02 at 8 36 44 AM"
src="https://github.com/dagster-io/dagster/assets/2286579/2d693866-be7c-4ea1-9f2f-0c7eb605fd90">

## How I Tested These Changes
---
 .../packages/ui-components/src/components/PageHeader.tsx  | 8 ++------
 .../packages/ui-core/src/assets/AssetGroupRoot.tsx        | 1 -
 .../ui-core/src/assets/AssetsGroupsGlobalGraphRoot.tsx    | 1 -
 3 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/js_modules/dagster-ui/packages/ui-components/src/components/PageHeader.tsx b/js_modules/dagster-ui/packages/ui-components/src/components/PageHeader.tsx
index ae3ee67d374e0..a8a742f07dfdf 100644
--- a/js_modules/dagster-ui/packages/ui-components/src/components/PageHeader.tsx
+++ b/js_modules/dagster-ui/packages/ui-components/src/components/PageHeader.tsx
@@ -13,21 +13,17 @@ interface Props {
   metadata?: React.ReactNode;
   right?: React.ReactNode;
   tabs?: React.ReactNode;
-  paddingBelowTitle?: number;
 }
 
 export const PageHeader = (props: Props) => {
-  const {title, tags, right, tabs, paddingBelowTitle = 16} = props;
+  const {title, tags, right, tabs} = props;
   return (
     <PageHeaderContainer
       background={Colors.Gray50}
       padding={{top: 16, left: 24, right: 12}}
       border="bottom"
     >
-      <Box
-        flex={{direction: 'row', justifyContent: 'space-between'}}
-        padding={{bottom: paddingBelowTitle as any}}
-      >
+      <Box flex={{direction: 'row', justifyContent: 'space-between'}} padding={{bottom: 16}}>
         <Box flex={{direction: 'row', alignItems: 'flex-start', gap: 12, wrap: 'wrap'}}>
           {title}
           {tags}
diff --git a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetGroupRoot.tsx b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetGroupRoot.tsx
index 9c22f1a5c5a71..3256824fe761e 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetGroupRoot.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetGroupRoot.tsx
@@ -85,7 +85,6 @@ export const AssetGroupRoot: React.FC<{repoAddress: RepoAddress; tab: 'lineage'
       <PageHeader
         title={<Heading>{groupName}</Heading>}
         right={<ReloadAllButton label="Reload definitions" />}
-        paddingBelowTitle={0}
         tags={<AssetGroupTags groupSelector={groupSelector} repoAddress={repoAddress} />}
         tabs={
           <Box
diff --git a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetsGroupsGlobalGraphRoot.tsx b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetsGroupsGlobalGraphRoot.tsx
index 90c02582dacd1..255b007e752f4 100644
--- a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetsGroupsGlobalGraphRoot.tsx
+++ b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetsGroupsGlobalGraphRoot.tsx
@@ -94,7 +94,6 @@ export const AssetsGroupsGlobalGraphRoot: React.FC = () => {
     <Page style={{display: 'flex', flexDirection: 'column', paddingBottom: 0}}>
       <PageHeader
         title={<Heading>Global Asset Lineage</Heading>}
-        paddingBelowTitle={0}
         right={<ReloadAllButton label="Reload definitions" />}
       />
       <AssetGraphExplorer