spacing

dagster-io · Mar 6, 2024 · 775d766 · 775d766
1 parent ce01ed2
commit 775d766
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetNode.tsx b/js_modules/dagster-ui/packages/ui-core/src/asset-graph/AssetNode.tsx
@@ -15,7 +15,7 @@ import {AssetNodeFragment} from './types/AssetNode.types';
 import {withMiddleTruncation} from '../app/Util';
 import {useAssetLiveData} from '../asset-data/AssetLiveDataProvider';
 import {PartitionCountTags} from '../assets/AssetNodePartitionCounts';
-import {MinimalNodeChangedDot} from '../assets/ChangedReasons';
+import {ChangedReasonsTag, MinimalNodeChangedDot} from '../assets/ChangedReasons';
 import {MinimalNodeStaleDot, StaleReasonsTag, isAssetStale} from '../assets/Stale';
 import {AssetChecksStatusSummary} from '../assets/asset-checks/AssetChecksStatusSummary';
 import {assetDetailsPathForKey} from '../assets/assetDetailsPathForKey';
@@ -35,7 +35,13 @@ export const AssetNode = React.memo(({definition, selected}: Props) => {
 
   return (
     <AssetInsetForHoverEffect>
-      <StaleReasonsTag liveData={liveData} assetKey={definition.assetKey} include="upstream" />
+      <Box flex={{direction: 'row', justifyContent: 'space-between', alignItems: 'center'}}>
+        <StaleReasonsTag liveData={liveData} assetKey={definition.assetKey} include="upstream" />
+        <ChangedReasonsTag
+          changedReasons={liveData?.changedReasons}
+          assetKey={definition.assetKey}
+        />
+      </Box>
       <AssetNodeContainer $selected={selected}>
         <AssetNodeBox $selected={selected} $isSource={isSource}>
           <AssetName $isSource={isSource}>

diff --git a/js_modules/dagster-ui/packages/ui-core/src/assets/AssetPartitionDetail.tsx b/js_modules/dagster-ui/packages/ui-core/src/assets/AssetPartitionDetail.tsx
@@ -251,10 +251,10 @@ export const AssetPartitionDetail = ({
             {hasStaleLoadingState ? (
               <Spinner purpose="body-text" />
             ) : (
-              <>
+              <Box flex={{direction: 'row', gap: 8, alignItems: 'center'}}>
                 <StaleReasonsTag liveData={{staleCauses, staleStatus}} assetKey={assetKey} />
                 <ChangedReasonsTag changedReasons={changedReasons} assetKey={assetKey} />
-              </>
+              </Box>
             )}
           </div>
         ) : (